@import url("awesome/font-awesome.min.css");
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,300italic,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,700,300,800,500,600);
/** RESET CSS **/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td ,p{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
ul ol{
	list-style: none;
	margin:0;
	padding:0;
}
b,strong{
	font-weight: bold;
}
i,em{
	font-style: italic;
}
.nav>li>a:focus{
	background: transparent;
}
body {
	background:white;
	line-height: 20px;
	font-size:13px;
	color:#4c4c4c;
	font-family: 'Lato', sans-serif;
}
.mod-preview-info{
	z-index: 9999;
}
[class^="fa-"], [class*=" fa-"]{
	font-family: 'FontAwesome';
	display: inline-block;
}
#avatar-settings{
	z-index: 999999999;
	box-shadow: 0 0 3px 0px #ACACAC
}
#avatar-pos-main-body .login form{
	padding-right: 30px;
}
#avatar-pos-main-body ul.nav.nav-tabs.nav-stacked{
	padding-right: 30px;
}
#avatar-main-content{
	position: relative;
}
#avatar-main-content .btn-group.pull-right{
	position: absolute;
	z-index: 10;
	right: 0;
}
span.edit-icon{
	z-index: 2222;
}
#avatar-footer-user-col-4 div[id*="avatar-pos-user-"]{
	float: left;
	width: 25%;
}
.pagination ul{
	box-shadow: none;
	border: 0;
	text-shadow: none;
}
.yt-show-grid{
	margin-right: 0;
	margin-left: 0;
}
/** Back to top **/
#avatar-go-to-top{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	display: block;
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 9999999999;
	background: #948d7b url(../images/st_theme/back-to-top-icon.png) no-repeat center center;
}
#avatar-go-to-top:hover{
	background-color: #202020;
}
/** Page login **/
.st-login .login .well{
	box-shadow: none;
	background: #fff;
	border: 0;
}
.st-login .login .well .btn.btn-primary{
	background: #948d7b;
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
	color: #fff;
	font-weight: 400;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	line-height: 20px;
	padding: 4px 0;
	text-align: center;
	margin: 0;
	width: 118px;
	margin-top: 12px;
	margin-bottom: 16px;
}
.st-login .login .well .btn.btn-primary:hover{
	background: #202020;
}
.st-login .login .well .controls input:not(#remember){
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	text-align: center;
	box-shadow: none;
	text-shadow: none;
	border: 1px solid #eaeaea;
	margin: 0;
	padding: 6px 3px;
	line-height: 21px;
	height: 35px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 265px;
	color: #727272;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}
.st-login .control-label label{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #2e2e2e;
}
.st-login ul.nav.nav-tabs.nav-stacked li{
	background: #fff;
	border: 0;
	text-shadow: none;
	box-shadow: none;
}
.st-login ul.nav.nav-tabs.nav-stacked li a{
	color: #909090;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	text-shadow: none;
	box-shadow: none;
	border: 0;
	background: none;
}
.st-login ul.nav.nav-tabs.nav-stacked li a:hover{
	text-decoration: underline;
}
.reset,
.remind{
	padding-right: 30px;
}
.reset .control-group,
.remind .control-group{
	margin-bottom: 0;
}
.reset p,
.reset .control-label label,
.remind p,
.remind .control-label label{
	color: #2e2e2e;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}
.reset input.validate-username,
.remind input.validate-email{
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	text-align: center;
	box-shadow: none;
	text-shadow: none;
	border: 1px solid #eaeaea;
	margin: 0;
	padding: 6px 3px;
	line-height: 21px;
	height: 35px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 265px;
	color: #2e2e2e;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}
.reset .form-actions,
.remind .form-actions{
	background: #fff;
	border: 0;
	padding-top: 0;
	margin-top: 0;
}
.reset .form-actions .btn.btn-primary,
.remind .form-actions .btn.btn-primary{
	background: #948d7b;
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
	color: #fff;
	font-weight: 400;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	line-height: 20px;
	padding: 4px 0;
	text-align: center;
	margin: 0;
	width: 118px;
	margin-top: 12px;
	margin-bottom: 16px;
}
.reset .form-actions .btn.btn-primary:hover,
.remind .form-actions .btn.btn-primary:hover{
	background: #202020;
}
.hikashop_user_registration_page h2{
	color: #2e2e2e;
	font-size: 20px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}
.hikashop_user_registration_page .control-group .controls input{
	text-align: center;
	box-shadow: none;
	text-shadow: none;
	border: 1px solid #eaeaea;
	margin: 0;
	padding: 6px 3px;
	line-height: 21px;
	height: 35px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 265px;
	color: #2e2e2e;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.hikashop_user_registration_page .hikashop_registration_required_info_line .controls{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #2e2e2e;
}
.hikashop_user_registration_page .control-group .btn.btn-primary{
	background: #948d7b;
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
	color: #fff !important;
	font-weight: 400;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	line-height: 20px;
	padding: 4px 0;
	text-align: center;
	margin: 0;
	width: 118px;
	margin-top: 12px;
	margin-bottom: 16px;
}
.hikashop_user_registration_page .control-group .btn.btn-primary:hover{
	background: #202020;
}
/*** Background video ***/
.st-page-hello-video #avatar-header-block{
	background: rgba(0, 0, 0, 0.6);
}
.st-welcome-background-video{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}
.st-welcome-background-video .st-module-content,
.st-welcome-background-video .customst-welcome-background-video,
.st-welcome-background-video .background-video-top{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.st-welcome-background-video .background-video-top iframe{
	
	max-width: none;
}
.st-welcome-background-video .background-video-top p{
	display: none;
	margin: 0;
}
/** Page Hello **/
.st-page-hello #avatar-header-block{
	position: relative;
}
.st-page-hello .st-parallax-top{
	background: url(../images/st_theme/background-welcome-metanic.jpg) no-repeat top center fixed;
	background-size: cover;
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
}
.st-page-hello .st-parallax-top:before{
	content: '';
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: #554f40;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

.st-page-hello .st-welcome-metanic{
	text-align: center;
	color: #fff;
	padding-bottom: 232px;
	position: relative;
	z-index: 10;
}
.st-page-hello .st-welcome-metanic .logo{
	padding-top: 165px;
	margin-bottom: 71px;
}
.st-page-hello .st-welcome-metanic .welcome{
	font-size: 60px;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	line-height: 80px;
	background: url(../images/st_theme/bg-bottom-welcome-metanic.png) no-repeat bottom center;
	padding-bottom: 62px;
	margin-bottom: 0;
}
.st-page-hello .st-welcome-metanic .welcome .bold{
	font-weight: 800;
	letter-spacing: 5.3px;
}
.st-page-hello .st-welcome-metanic .text{
	line-height: 30px;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-style: italic;
	margin-top: 46px;
}
.st-page-hello .st-welcome-metanic .view-portfolio{
	padding: 4px;
	border: 2px solid #fff;
	margin: 0 auto;
	width: 373px;
	margin-top: 53px;
}
.st-page-hello .st-welcome-metanic .view-portfolio a{
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 31px;
	padding: 12px 96px;
	display: inline-block;
	background: #fff;
	color: #2b2b2b;
	letter-spacing: 2px;
}

/** Logo Small **/
body:not(.st-page-hello) .st-logo-small .logo a,
.scroll-down .st-logo-small .logo a{
	line-height: 22px;
}
body:not(.st-page-hello) .st-logo-small .logo a img,
.scroll-down .st-logo-small .logo a img{
	height: 41px;
}
body:not(.st-page-hello) .st-logo-small .logo a span,
.scroll-down .st-logo-small .logo a span{
	font-size: 17px;
	margin-left: 3px;
}
.st-logo-small{
	padding: 33px 0 23px 0;
	text-align: center;
	overflow: hidden;
}
.st-logo-small .logo{
	margin-bottom: 0;
}
.st-logo-small .logo a{
	color: #2d2424;
	font-weight: 800;
	font-family: 'Raleway', sans-serif;
	font-size: 22px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	line-height: 28px;
	float: left;
}
.st-logo-small .logo a span{
	letter-spacing: 3px;
}

/** #avatar-header-inside-block.scroll-down **/
#avatar-header-inside-block.scroll-down{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999999;
}

/** Main menu **/
.st-main-menu{
	z-index: 999;
}
.st-main-menu span.toggle{
	display: none;
}
.st-main-menu ul.st-mega-menu{
	float: right;
	margin-bottom: 0;
	padding: 0;
}
.st-main-menu ul.st-mega-menu>li{
	display: inline-block;
	line-height: 20px;
	padding: 60px 0;
}
.st-main-menu ul.st-mega-menu li a,
.st-main-menu ul.st-mega-menu li span{
	font-family: 'Raleway', sans-serif;
	color: #2d2424;
	text-decoration: none;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0 16px;
}
.st-main-menu ul.st-mega-menu>li>a,
.st-main-menu ul.st-mega-menu>li>span{
	letter-spacing: 1px;
}
.st-main-menu ul.st-mega-menu li:last-child a{
	padding-right: 0;
}
/*
.st-main-menu ul.st-mega-menu>li:hover>span,
.st-main-menu ul.st-mega-menu>li:hover>a,*/
.st-main-menu ul.st-mega-menu li a:hover,
.st-main-menu ul.st-mega-menu li span:hover{
	background: none;
	color: #948d7b;
}
.st-main-menu ul.st-mega-menu li span.pull{
	display: none;
}
.st-main-menu ul.st-mega-menu li{
	position: relative;
	white-space: nowrap;
}
.st-main-menu ul.st-mega-menu li>.st-mega-menu-row{
	position: absolute;
	padding: 0;
	top: 88px;
	margin-top: -9999px;
	background: #948d7b;
	z-index: 999999;
	opacity: 0;
	filter: alpha(opacity=0);
	left: -20px !important;
}
.st-page-hello #avatar-header-inside-block:not(.scroll-down) .st-main-menu ul.st-mega-menu li>.st-mega-menu-row{
	top: 140px;
}
.scroll-down .st-main-menu ul.st-mega-menu li>.st-mega-menu-row{
	top: 87px;
	
}
.st-main-menu ul.st-mega-menu li:hover>.st-mega-menu-row{
	margin-top: 0;
	opacity: 1;
	filter: alpha(opacity=100);
}
.st-main-menu ul.st-mega-menu li>.st-mega-menu-row li{
	display: block;
	float: left;
	padding: 0 40px;
}
.st-main-menu ul.st-mega-menu li>.st-mega-menu-row li a,
.st-main-menu ul.st-mega-menu li>.st-mega-menu-row li span{
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	text-transform: none;
	padding: 0 5px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	line-height: 40px;
	display: block;
	min-width: 140px;
	text-align: left;
}
.st-main-menu ul.st-mega-menu li>.st-mega-menu-row li:hover{
	background: #fff;
}
.st-main-menu ul.st-mega-menu li>.st-mega-menu-row li:hover>.title>a,
.st-main-menu ul.st-mega-menu li>.st-mega-menu-row li:hover>.title>span{
	border-bottom: 1px solid #fff;
	color: #948d7b;
}
.st-main-menu ul.st-mega-menu li>.st-mega-menu-row li:last-child a,
.st-main-menu ul.st-mega-menu li>.st-mega-menu-row li:last-child span,
.st-main-menu ul.st-mega-menu li>.st-mega-menu-row li:last-child:hover>.title>a,
.st-main-menu ul.st-mega-menu li>.st-mega-menu-row li:last-child:hover>.title>span{
	border-bottom: none;
}
.st-main-menu ul.st-mega-menu li.current>a,
.st-main-menu ul.st-mega-menu li.active>a,
.st-main-menu ul.st-mega-menu li.current>span,
.st-main-menu ul.st-mega-menu li.active>span{
	color: #948d7b;
}
.st-main-menu ul.st-mega-menu li>.st-mega-menu-row li{
	position: relative;
}
.st-main-menu ul.st-mega-menu li>.st-mega-menu-row li>.st-mega-menu-row{
	top: 0;
	left: 230px !important;
	right: auto;
}
.st-main-menu ul.st-mega-menu li>.st-mega-menu-row li:hover>.st-mega-menu-row{
}
.st-main-menu ul.st-mega-menu li>.st-mega-menu-row   span.pull{
	display: none;
}
/** st-main-menu-home st-main-menu **/
.st-main-menu-home.st-main-menu ul.st-mega-menu>li>a,
.st-main-menu-home.st-main-menu ul.st-mega-menu>li>span{
	border-right: 1px solid #d5d5d5;
}
.st-main-menu-home.st-main-menu ul.st-mega-menu li:last-child a{
	border-right: 0;
}

/** modules-heading some modules**/
.st-we-are-metanic .st-module-heading,
.st-our-service .st-module-heading,
.st-meet-our-team .st-module-heading,
.st-our-portfolio .st-module-heading,
.st-our-skill .st-module-heading,
.st-about-us .st-module-heading,
.st-blog-timeline .st-module-heading,
.st-contact .st-module-heading,
.st-blog-page-header .st-module-heading,
.st-we-are-metanic-home-2 .st-module-heading,
.st-our-happy-clients .st-module-heading,
.st-newest-metanic .st-module-heading{
	font-family: 'Raleway', sans-serif;
	font-size: 40px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 7px;
}
/** We are metanic **/
.st-page-hello #avatar-tool-block{
	background: #f5f5f5;
}
.st-we-are-metanic{
	text-align: center;
	overflow: hidden;
}
.st-we-are-metanic .st-module-heading{
	color: #0e0e0e;
	background: url(../images/st_theme/bg-bottom-we-are-metanic.png) no-repeat bottom center;
	padding: 75px 0 49px 0;
}
.st-we-are-metanic .introduce{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 15px;
	color: #727272;
	line-height: 20px;
	margin: 34px 0 97px 0;
	padding: 0 16%;
}
.st-we-are-metanic .image{
	overflow: hidden;
	text-align: center;
	width: 906px;
	height: 346px;
	margin: 0 auto;
	position: relative;
}
.st-we-are-metanic .image>div{
	float: left;
	margin-bottom: -5px;
	position: absolute;
	bottom: 0;
}
.st-we-are-metanic .image .imac-right{
	right: 0;
}
.st-we-are-metanic .image .imac-left{
	left: 0;
}
.st-we-are-metanic .image .imac{
	left: 159px;
}
/** Dale carmegie **/
.st-dale-carmegie{
	text-align: center;
	line-height: 40px;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
}
.st-dale-carmegie .text{
	font-size: 30px;
	color: #262626;
	background: url(../images/st_theme/icon-quote.png) no-repeat top center;
	margin: 58px 0 0 0;
	padding-top: 43px;
}
.st-dale-carmegie .name{
	color: #686868;
	font-size: 18px;
	line-height: 36px;
	margin-bottom: 50px;
}
/** Our Service **/
.st-page-hello #avatar-body-top-block{
	position: relative;
}
.st-page-hello .st-parallax-our-services{
	position: absolute;
	left:0;
	right:0;
	top: 0;
	bottom: 0;
	background: url(../images/st_theme/background-our-service.jpg) no-repeat top center fixed;
	background-size: cover;
	z-index:-3;
}
.st-page-hello .st-parallax-our-services:before{
	content: '';
	position: absolute;
	left:0;
	right:0;
	top: 0;
	bottom: 0;
	z-index: -1;
	background: #171717;
	opacity: 0.9;
	filter:alpha(opacity=90);
}

.st-our-service{
	text-align: center;
}
.st-our-service .st-module-heading{
	color: #fff;
	padding: 92px 0 51px 0;
	background: url(../images/st_theme/bg-bottom-welcome-metanic.png) no-repeat bottom center;
}
.st-our-service .st-module-content p{
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #fff;
	line-height: 20px;
	font-weight: 400;
	margin: 34px 0 0 0;
	padding: 0 16%;
}
/** St-our-services-slider **/
.st-our-services-slider{
	text-align: center;
	margin-top: 77px;
	position: relative;
}
.st-our-services-slider .caroufredsel_wrapper{
	cursor: default !important;
}	
.st-our-services-slider .st-content-showcase-carousel .contain > .item{
	background: transparent;
	text-align: center;
}
.st-our-services-slider .service-content h3{
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 20px;
	margin-top: 35px;
	line-height: 30px;
	color: #fff;
}

.st-our-services-slider .st-content-showcase-carousel .contain .item .inner .info .description p.text{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 25px;
	margin-bottom: 22px;
	color: #fff;
	padding: 0 10px;
}
.st-our-services-slider .service-content .details{
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	font-weight: 400;
	border: 2px solid #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 4px 20px;
	line-height: 20px;
	color: #fff;
	text-decoration: none;
	width: 90px;
	margin: auto;
	display: block;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}	
.st-our-services-slider .service-content .details:hover{
	color: #2d2424;
	background: #fff;
}
.st-our-services-slider .service-content .image{
	width: 67px;
	height: 67px;
	border: 2px solid #fff;
	color: #fff;
	font-size: 34px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin: 0 auto;
	position: relative;
}
.st-our-services-slider .service-content .image:before{
	text-align: center;
	position: absolute;
	top: 26px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: transparent;
}
.st-our-services-slider .service-content .image:hover{
	background: #fff;
}
.st-our-services-slider .service-content .image:hover:before{
	color: #2d2424;
}
.st-our-services-slider .service-content .image.fa-cog:before{
	
}
.st-our-services-slider .service-content .image.fa-magic:before{
	
}
.st-our-services-slider .service-content .image.fa-support:before{
	top: 25px;
}
.st-our-services-slider .service-content .image.fa-desktop:before{
	top: 26px;
}
.st-our-services-slider .st-content-showcase-carousel .nav{
	width: auto;
	position: inherit;
	margin: 0;
}	
.st-our-services-slider .st-content-showcase-carousel .nav > div.prev,
.st-our-services-slider .st-content-showcase-carousel .nav > div.next{
	width: 30px;
	height: 30px;
	top: 365px;
	position: absolute;
	border: 0;
}	
.st-our-services-slider .st-content-showcase-carousel .nav > div.prev{
	left: 46.5%;
	background: url(../images/st_theme/our-service-prev.png) no-repeat top left;
}	
.st-our-services-slider .st-content-showcase-carousel .nav > div.next{
	right: 46.5%;
	background: url(../images/st_theme/our-service-next.png) no-repeat top left;
}	
.st-our-services-slider .st-content-showcase-carousel .nav > div.prev:hover{
	background: url(../images/st_theme/our-service-prev.png) no-repeat bottom left;
}	
.st-our-services-slider .st-content-showcase-carousel .nav > div.next:hover{
	background: url(../images/st_theme/our-service-next.png) no-repeat bottom left;
}

/** module Meet our team **/
.st-page-hello #avatar-full-2-block{
	background: #f5f5f5;
}
.st-meet-our-team{
	text-align: center;
}
.st-meet-our-team .st-module-heading{
	color: #0e0e0e;
	padding: 93px 0 51px 0;
	background: url(../images/st_theme/bg-bottom-we-are-metanic.png) no-repeat bottom center;
}
.st-meet-our-team .st-module-content p{
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #727272;
	line-height: 20px;
	font-weight: 400;
	margin: 34px 0 0 0;
	padding: 0 16%;
}

/** module Meet our team slider **/
.st-meet-our-team-slider{
	padding-top: 127px;
	padding-bottom: 66px;
}

.st-meet-our-team-slider .caroufredsel_wrapper{
	cursor: default !important;
}
.st-meet-our-team-slider .st-content-showcase-carousel.nav-top{
	padding-top: 0;
}
.st-meet-our-team-slider .st-content-showcase-carousel .contain > .item{
	background: transparent;
	
}
.st-meet-our-team-slider .st-content-showcase-carousel .contain > .item{
	width: 370px !important;
	padding-right: 30px;
}
.st-meet-our-team-slider .st-content-showcase-carousel .contain > .item .inner{
	padding: 8px;
	border: 1px solid #000;
	text-align: center;
	position: relative;
	margin: 0;
}
/*.st-meet-our-team-slider .st-content-showcase-carousel .contain > .item:nth-child(3n+1) .inner{
	margin-left: 0;
	margin-right: 18px;
}
.st-meet-our-team-slider .st-content-showcase-carousel .contain > .item:nth-child(3n+2) .inner{
	margin-left: 9px;
	margin-right: 9px;
}
.st-meet-our-team-slider .st-content-showcase-carousel .contain > .item:nth-child(3n+3) .inner{
	margin-left: 18px;
	margin-right: 0;
}*/
.st-meet-our-team-slider .st-content-showcase-carousel .contain .item .inner .media{
	padding: 0;
}
.st-meet-our-team-slider .st-content-showcase-carousel .contain .item .inner .media .links a.link,
.st-meet-our-team-slider .st-content-showcase-carousel .contain .item .inner .media:hover .links a.link{
	left: 0;
	top: 0;
	bottom: 5px;
	right: 0;
	width: auto;
	height: auto;
	background: #1a1a1a;
	opacity: 0;
	filter: alpha(opacity=0);
	border: 0;
}
.st-meet-our-team-slider .st-content-showcase-carousel .contain .item .inner:hover .media .links a.link,
.st-meet-our-team-slider .st-content-showcase-carousel .contain .item .inner:hover .media:hover .links a.link{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.st-meet-our-team-slider .st-content-showcase-carousel .contain .item .inner .info .title,
.st-meet-our-team-slider .st-content-showcase-carousel .contain .item .inner .info .title a{
	color: #0e0e0e;
	font-size: 20px;
	font-weight: 600;
	font-family: 'Raleway', sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 24px;
	text-align: center;
}
.st-meet-our-team-slider .st-content-showcase-carousel .contain .item .inner .info .title a:hover{
	color: #948d7b;
}
.st-meet-our-team-slider .st-content-showcase-carousel .contain .item .inner .category{
	font-size: 14px;
	color: #7d7d7d;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
}
.st-meet-our-team-slider .st-content-showcase-carousel .contain .item .inner .info .description, 
.st-meet-our-team-slider .st-content-showcase-carousel .contain .item .inner .info .description p{
	margin-bottom: 0;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	color: #727272;
	font-weight: 400;
}
.st-meet-our-team-slider .st-content-showcase-carousel .contain .item .inner .info .description{
	margin-top: 11px;
	margin-bottom: 16px;
}
.st-meet-our-team-slider .st-content-showcase-carousel .inner .social{
	position: absolute;
	font-family: "FontAwesome";
	top: 0;
	left: 0;
	right: 0;
	width: 99px;
	margin: 0 auto;
	opacity: 0;
	filter: alpha(opacity=0);
}
.st-meet-our-team-slider .st-content-showcase-carousel .inner:hover .social{
	top: 20%;
	opacity: 1;
	filter: alpha(opacity=100);
}
.st-meet-our-team-slider .st-content-showcase-carousel .inner .social a{
	display: inline-block;
	text-decoration: none;
	width: 40px;
	height: 40px;
	background: none;
	border: 1px solid #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-right: 15px;
	margin-bottom: 15px;
	color: #fff;
	overflow: hidden;
	font-size: 20px;
}
.st-meet-our-team-slider .st-content-showcase-carousel .inner .social a:nth-child(2n+0){
	margin-right: 0;
}
.st-meet-our-team-slider .st-content-showcase-carousel .inner .social a:before {
	width: 20px;
	height: 20px;
	padding: 10px;
	display: block;
	margin: 0;
}
.st-meet-our-team-slider .st-content-showcase-carousel .inner .social a:hover {
	background: #fff;
	color: #948d7b;
}
.st-meet-our-team-slider .st-content-showcase-carousel .nav{
	position: static;
	top: auto;
	left: auto;
}
.st-meet-our-team-slider .st-content-showcase-carousel .nav > div.prev,
.st-meet-our-team-slider .st-content-showcase-carousel .nav > div.next{
	width: 30px;
	height: 30px;
	border: 0;
	position: absolute;
	top: -70px;
}
.st-meet-our-team-slider .st-content-showcase-carousel .nav > div.prev{
	background: url(../images/st_theme/meet-our-team-prev.png) no-repeat bottom left;
	left: 46.5%;
}
.st-meet-our-team-slider .st-content-showcase-carousel .nav > div.prev:hover{
	background-position: top left;
}
.st-meet-our-team-slider .st-content-showcase-carousel .nav > div.next{
	background: url(../images/st_theme/meet-our-team-next.png) no-repeat bottom left;
	right: 46.5%;
}
.st-meet-our-team-slider .st-content-showcase-carousel .nav > div.next:hover{
	background-position: top left;
}

/** st-our-team **/
.st-meet-our-team-slider.st-our-team{
	clear: both;
	padding-top: 25px;
	padding-bottom: 10px;
} 
.st-meet-our-team-slider.st-our-team .st-module-heading{
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	color: #2e2e2e;
	font-weight: 500;
	padding-bottom: 8px;
}
.st-meet-our-team-slider.st-our-team .st-content-showcase-carousel .nav > div.prev, 
.st-meet-our-team-slider.st-our-team .st-content-showcase-carousel .nav > div.next{
	top: -45px;
}
.st-meet-our-team-slider.st-our-team .st-content-showcase-carousel .nav > div.next{
	right: 0;
	left: auto;
}
.st-meet-our-team-slider.st-our-team .st-content-showcase-carousel .nav > div.prev{
	left: auto;
	right: 50px;
}
/** St our portfolio **/
.st-our-portfolio{
	text-align: center;
}
.st-our-portfolio .st-module-heading{
	color: #0e0e0e;
	padding: 84px 0 49px 0;
	background: url(../images/st_theme/bg-bottom-we-are-metanic.png) no-repeat bottom center;
}
.st-our-portfolio .st-module-content p{
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #727272;
	line-height: 20px;
	font-weight: 400;
	margin: 34px auto 0 auto;
	padding: 0 10%;
	max-width: 1170px;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	text-align: center;
}
.st-our-portfolio-wall{
	padding-top: 66px;
	text-align: center;
	margin-bottom: 14px;
}
.st-our-portfolio-wall .category-wall span{
	text-transform: uppercase;
	color: #0e0e0e;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 23px;
	padding: 10px 18px;
	border: 1px solid #0e0e0e;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 0 50px 6px;
}
.st-our-portfolio-wall .category-wall span:first-child{
	margin-left: 0;
}
.st-our-portfolio-wall .category-wall span.current,
.st-our-portfolio-wall .category-wall span:hover{
	background: #c0b7a0;
	border: 1px solid #c0b7a0;
	color: #fff;
}
.st-our-portfolio-wall .layout-wall .item .inner{
	margin: 0;
	padding: 0;
}
.st-our-portfolio-wall .inner .media{
	position: relative;
}
.st-our-portfolio-wall .inner .media .link{
	display: none;
}
.st-our-portfolio-wall .inner .media .image{
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 5px;
}
.st-our-portfolio-wall .inner .media .image:before{
	content: '';
	background: #fff;
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	opacity: 0;
	filter:alpha(opacity=0);
}
.st-our-portfolio-wall .inner .media .image:hover:before{
	opacity: 0.6;
	filter:alpha(opacity=60);
}
.st-our-portfolio-wall .inner .media .image:after{
	content: '';
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../images/st_theme/icon-wall-hover.png) no-repeat center center;
	opacity: 0;
	filter:alpha(opacity=0);
	width: 108px;
	height: 112px;
	margin: auto;
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
}
.st-our-portfolio-wall .inner .media .image:hover:after{
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	opacity: 1;
	filter:alpha(opacity=100);
}
.st-our-portfolio-wall .inner .info{
	border-right: 1px solid #a5a5a5;
	margin: 10px 0 15px 0;
}
/*.st-our-portfolio-wall .item:nth-child(4n+0) .inner .info{
	border-right: 0;
}*/
.st-our-portfolio-wall .inner .info .title{
	padding-top: 10px;
}
.st-our-portfolio-wall .inner .info .title,
.st-our-portfolio-wall .inner .info .title a{
	color: #1e1e1e;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 20px;
	text-decoration: none;
} 
.st-our-portfolio-wall .inner .info .category{
	color: #727272;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-style: italic;
}
/** st-our-skill **/
.st-page-hello #avatar-body-bottom-block{
	background: #f5f5f5;
}
.st-our-skill{
	text-align: center;
}
.st-our-skill .st-module-heading{
	color: #0e0e0e;
	padding: 94px 0 49px 0;
	background: url(../images/st_theme/bg-bottom-we-are-metanic.png) no-repeat bottom center;
}
.st-our-skill .st-module-content p{
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #7d7d7d;
	line-height: 20px;
	font-weight: 400;
	margin: 34px 0 0 0;
	padding: 0 16%;
}
.st-our-skill .content{
	margin-top: 77px;
	text-align: center;
	padding-bottom: 116px;
}
.st-our-skill .content .st-border .value{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 20px;
	color: #262626;
}
.st-our-skill .content h3{
	font-weight: 600;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	color: #262626;
	line-height: 30px;
	margin-top: 11px;
}
.st-our-skill .content .st-border{
	position: relative;
	width: 170px;
	height: 170px;
	text-align: center;
	background: #e7e7e7;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	margin: auto;
}
.st-our-skill .content .st-border .value{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	z-index: 400;
	height: 20px;
	width: 40px;
	margin: auto;
}
.st-our-skill .content .st-border .mask{
	position: absolute;
	width: 150px;
	height: 150px;
	left: 10px;
	top: 10px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	background: #f5f5f5;
	z-index: 300;
}
.st-our-skill .content .st-border .spinner {
	border-radius: 100% 0 0 100%/50% 0 0 50%;
	z-index: 250;
	border-right: none;
	width: 50%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	border:10px solid #c0b7a0;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	
}
.st-our-skill .content .photography .st-border .spinner{
	-webkit-transform: rotate(234deg);
	-moz-transform: rotate(234deg);	
	-ms-transform: rotate(234deg);	
	-o-transform: rotate(234deg);
}
.st-our-skill .content .web-design .st-border .spinner{
	-webkit-transform: rotate(324deg);
	-moz-transform: rotate(324deg);	
	-ms-transform: rotate(324deg);	
	-o-transform: rotate(324deg);
}
.st-our-skill .content .branding .st-border .spinner{
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);	
	-ms-transform: rotate(270deg);	
	-o-transform: rotate(270deg);
}
.st-our-skill .content .graphic-design .st-border .spinner{
	-webkit-transform: rotate(306deg);
	-moz-transform: rotate(306deg);	
	-ms-transform: rotate(306deg);	
	-o-transform: rotate(306deg);
}
.st-our-skill.avatar-scroll-disappear .content .span3 .st-border .spinner{
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);	
	-ms-transform: rotate(0deg);	
	-o-transform: rotate(0deg);
}
.st-our-skill .content .st-border .filler{
	border-radius: 0 100% 100% 0/0 50% 50% 0;
	z-index: 200;
	border-right: none;
	width: 50%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	border:10px solid #c0b7a0;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	-o-transform-origin: 0% 50%;
}
.st-our-skill .content .st-border .override{
	border-radius: 100% 0 0 100%/50% 0 0 50%;
	z-index: 260;
	border-right: none;
	width: 50%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	border: 10px solid #e7e7e7;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	
}
.css3-effecr .st-our-skill .content .st-border .spinner{
	-webkit-transition: all 6s;
	-moz-transition: all 6s;
	-ms-transition: all 6s;
	-o-transition: all 6s;
}
.css3-effect .st-our-skill .content .st-border .filler{
	-webkit-transition: all 0s 2s;
	-moz-transition: all 0s 2s;
	-ms-transition: all 0s 2s;
	-o-transition: all 0s 2s;
}
/** module Video section **/
.st-video-section{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
}
.st-video-section .st-module-content,
.st-video-section .customst-video-section,
.st-video-section .video-section{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.st-video-section p{
	display: none;
	margin-bottom: 0;
}
.st-video-section .video-section iframe{
	max-width: none;
}
/** module video section title **/
.st-video-section-title{
	z-index: 10;
	background: rgba(0, 0, 0, 0.5);
	text-align: center;
	position: relative;
}
.st-video-section-title p{
	margin: 0;
}
.st-video-section-title p.text{
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	font-size: 63px;
	line-height: 70px;
	text-transform: uppercase;
	margin: 0;
	padding-top: 51px;
	padding-bottom: 106px;
}
.st-video-section-title p a.video-icon{
	width: 119px;
	height: 119px;
	margin: auto;
	margin-top: 160px;
	font-family: "FontAwesome";
	text-decoration: none;
	font-size: 40px;
	border: 2px solid #fff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	color: #fff;
	position: relative;
}
.st-video-section-title p a.video-icon:hover{
	background: #202020;
	border-color: #202020;
}
.st-video-section-title p a.video-icon:before{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 119px;
	height: 119px;
	line-height: 119px;
	text-align: center;
}
/** modules st-ready-to-stand-out **/
.st-page-hello #avatar-full-4-block{
	position: relative;
}
.st-page-hello .st-parallax-ready-to-stand-out{
	background: url(../images/st_theme/backgound-ready-to-stand-out.jpg) no-repeat top center fixed;
	background-size: cover;
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
}
.st-page-hello .st-parallax-ready-to-stand-out:before{
	content: '';
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: #121212;
	opacity: 0.7;
	filter:alpha(opacity=70);
}
.st-ready-to-stand-out{
	text-align: center;
}
.st-ready-to-stand-out p.ready{
	text-transform: uppercase;
	color: #fff;
	font-size: 60px;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	line-height: 70px;
	padding: 198px 0 7px 0;
	margin: 0;
}
.st-ready-to-stand-out p.metanic{
	color: #fff;
	font-size: 18px;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	line-height: 30px;
	margin: 0;
	padding-bottom: 205px;
}
/** st-about-us **/
.st-about-us{
	text-align:center;
}
.st-about-us .st-module-heading{
	color: #0e0e0e;
	padding: 94px 0 49px 0;
	background: url(../images/st_theme/bg-bottom-we-are-metanic.png) no-repeat bottom center;
}
.st-about-us .st-module-content p{
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #7d7d7d;
	line-height: 20px;
	font-weight: 400;
	margin: 34px 0 0 0;
	padding: 0 16%;
}
.st-about-us-accordion{
	margin-top: 95px;
	overflow: hidden;
}
.st-about-us-accordion h3.title{
	font-size: 40px;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	color: #0e0e0e;
	line-height: 30px;
	text-transform: uppercase;
	margin-bottom: 50px;
}
.st-about-us-accordion h3.title span{
	color: #c0b7a0;
}
.st-about-us-accordion .span6{
	margin: 0;
	width: 50%;
}
.st-about-us-accordion .span6.image{
	margin-top: -80px;
}
.st-about-us-accordion .span6.image img{
	float: right;
}
.st-about-us-accordion .accordion{
	text-align: center;
}
.st-about-us-accordion  ul.yt-accordion li.accordion-group{
	border: 1px solid #2e2e2e;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: none;
	text-shadow: none;
	margin-bottom: -1px;
}
.st-about-us-accordion ul.yt-accordion li.accordion-group h3.accordion-heading{
	background: #fff;
	text-transform: uppercase;
	color: #0e0e0e;
	font-size: 20px;	
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	line-height: 68px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: none;
	text-shadow: none;
	padding: 0;
}
.st-about-us-accordion ul.yt-accordion li.accordion-group h3.accordion-heading.active{
	border-bottom: 1px solid #2e2e2e;
}
.st-about-us-accordion ul.yt-accordion li.accordion-group .accordion-inner{
	border-top: 0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: none;
	text-shadow: none;
	margin-left: 70px;
	border-left: 1px solid #2e2e2e;
	line-height: 25px;
	padding: 24px 27px;
	color: #727272;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
}
.st-about-us-accordion ul.yt-accordion li.accordion-group h3.accordion-heading .fa-plus-circle{
	float: left;
	padding: 0 27px;
	border-right: 1px solid #2e2e2e;
	color: #c0b7a0;
	margin-right: 0;
}
.st-about-us-accordion ul.yt-accordion li.accordion-group h3.accordion-heading.active .fa-plus-circle:before{
	content: '\f068';
}
.st-about-us-accordion ul.yt-accordion li.accordion-group h3.accordion-heading .fa-plus-circle:before{
	content: '\f067';
	font-size: 20px;
}
.st-about-us-accordion .accordion p.introtext{
	font-size: 20px;
	color: #727272;
	font-family: 'Lato', sans-serif;
	text-align: left;
	line-height: 30px;
}
/** Blog timeline **/
.st-page-hello #avatar-full-6-block{
	background: #f5f5f5;
}
.st-blog-timeline{
	text-align: center;
}
.st-blog-timeline .st-module-heading{
	color: #0e0e0e;
	padding: 94px 0 49px 0;
	background: url(../images/st_theme/bg-bottom-we-are-metanic.png) no-repeat bottom center;
}
.st-blog-timeline .st-module-content p{
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #7d7d7d;
	line-height: 20px;
	font-weight: 400;
	margin: 34px 0 0 0;
	padding: 0 16%;
}

.st-timeline-articles{
	padding-bottom: 113px;
}
.st-timeline-articles .timeline{
	position: relative;
	padding-top: 76px;
}
.st-timeline-articles .timeline:after{
	content: '';
	background: #979797;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	width: 1px;
	margin: 0 auto;
}
.st-timeline-articles .timeline .row-fluid .span6{
	width: 50%;
	margin: 0;
}
.st-timeline-articles .timeline .row-fluid .item.span6{
	position: relative;
}
.st-timeline-articles .timeline .row-fluid .item.span6:after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: -19.5px;
	margin: auto;
	z-index: 5;
	width: 40px;
	height: 40px;
	background: url(../images/st_theme/timeline-icon.png) no-repeat top left;
}
.st-timeline-articles .timeline .row-fluid.right .item.span6:after{
	right: auto;
	left: -19.5px;
}
.st-timeline-articles .timeline  .inner-item{
	border: 1px solid #0e0e0e;
	float: left;
	margin-right: 50px;
	padding: 20px 23px 0 20px;
}
.st-timeline-articles .timeline  .right .inner-item{
	margin-right: 0;
	margin-left: 50px;
}
.st-timeline-articles .timeline  .inner-item .image{
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
}
.st-timeline-articles .timeline  .inner-item .title{
	line-height: 30px;
	margin-top: -8px;
}
.st-timeline-articles .timeline  .inner-item .title a{
	font-weight: 700;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	color: #0e0e0e;
	text-transform: uppercase;
	text-decoration: none;	
}
.st-timeline-articles .timeline .inner-item .title a:hover{
	color: #948d7b;
}
.st-timeline-articles .timeline  .inner-item .description,
.st-timeline-articles .timeline  .inner-item .article-info,
.st-timeline-articles .timeline  .inner-item .article-info .author span{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #727272;
}
.st-timeline-articles .timeline  .inner-item .article-info .author span{
	font-weight: 400;
}
.st-timeline-articles .timeline  .inner-item .article-info{
	margin-top: 17px;
}
.st-timeline-articles .timeline  .inner-item .article-info dd{
	float: left;
	padding-left: 20px;
	padding-right: 20px;
}
.st-timeline-articles .timeline  .inner-item .article-info .date{
	background: url(../images/st_theme/article-info-icon.png) no-repeat top 4px left;
	border-right: 1px solid #727272;
	padding-right: 10px;
}
.st-timeline-articles .timeline  .inner-item .article-info .author{
	font-family: 'Lato', sans-serif;
	color: #434343;
	font-weight: 700;
	background: url(../images/st_theme/article-info-icon.png) no-repeat top -51px left;
	margin-left: 10px;
}
.st-timeline-articles .timeline .row-fluid {
	position: relative;
}
.st-timeline-articles .timeline .row-fluid .span6 .year{
	position: absolute;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	line-height: 20px;
	margin-bottom: 0;
	height: 20px;
	color: #0e0e0e;
	font-size: 22px;
	top: 0;
	bottom: 0;
	left: 50%;
	padding-left: 35px;
	margin: auto;
}
.st-timeline-articles .timeline .row-fluid.right .span6 .year{
	left: auto;
	right: 50%;
	padding-left: 0;
	padding-right: 35px;
}
.st-timeline-articles .st-content-showcase-load-more{
	background: url(../images/st_theme/load-more-timeline-icon.png) no-repeat top left;
	text-indent: -99999px;
	width: 40px;
	height: 40px;
	padding: 0;
	border: none;
	margin: 0 auto;
}
.st-timeline-articles .st-content-showcase-load-more.end-load-more{
	display: block;
	background: url(../images/st_theme/end-load-more-timeline-icon.png) no-repeat top left;
}

/** St Buy This Theme **/
.st-page-hello #avatar-full-7-block,
.st-page-home #avatar-full-7-block,
.st-page-home-2 #avatar-full-7-block{
	position: relative;
}
.st-page-hello .st-parallax-buy-this-theme,
.st-page-home .st-parallax-buy-this-theme,
.st-page-home-2 .st-parallax-buy-this-theme{
	background: url(../images/st_theme/background-buy-this-theme.jpg) top left no-repeat fixed ;
	background-size: cover;
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
}
.st-page-hello .st-parallax-buy-this-theme:before,
.st-page-home .st-parallax-buy-this-theme:before,
.st-page-home-2 .st-parallax-buy-this-theme:before{
	content: '';
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0.8;
	filter:alpha(opacity=80);
	background: #1f1f1f;
}

.st-buy-this-theme p{
	margin: 0;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 20px;
}
.st-buy-this-theme p:not(.click){
	font-size: 20px;
	font-weight: 300;
	padding-top: 83px;
	line-height: 40px;
}
.st-buy-this-theme p.click{
	line-height: 51px;
	margin-top: 21px;
	padding-bottom: 73px;
}
.st-buy-this-theme p.click a{
	font-weight: 700;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	border: 1px solid #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 14px 33px;
	opacity: 0.6;
	filter:alpha(opacity=60);
}
.st-buy-this-theme p.click a:hover{
	opacity: 1;
	filter:alpha(opacity=100);
}

.st-page-home-3 .st-buy-this-theme p:not(.click){
	color: #0e0e0e;
	padding-top: 68px;
}
.st-page-home-3 .st-buy-this-theme p.click {
	margin-top: 21px;
	padding-bottom: 48px;
}
.st-page-home-3 .st-buy-this-theme p.click a{
	color: #727272;
	opacity: 1;
	filter:alpha(opacity=100);
	border: 1px solid #c9c9c9;
}
.st-page-home-3 .st-buy-this-theme p.click a:hover{
	color: #fff;
	background: #948d7b;
	border: 1px solid #948d7b;
}
/** St-contact **/
#avatar-full-8-block{
	position: relative;
}
.st-parallax-contact{
	background: url(../images/st_theme/background-contact.jpg) no-repeat top left fixed;
	background-size: cover;
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
}
.st-parallax-contact:before{
	content: '';
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0.9;
	filter:alpha(opacity=90);
	background: #c0b7a0;
}

.st-contact{
	text-align: center;
}
.st-contact .st-module-heading{
	color: #0e0e0e;
	padding: 94px 0 49px 0;
	background: url(../images/st_theme/bg-bottom-we-are-metanic.png) no-repeat bottom center;
}
.st-contact .st-module-content p{
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #0e0e0e;
	line-height: 20px;
	font-weight: 400;
	margin: 34px 0 0 0;
	padding: 0 16%;
}

.st-form-contact{
	margin-top: 76px;
	padding-bottom: 50px;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	line-height: 30px;
	font-weight: 400;
}
.st-form-contact p.error{
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.st-form-contact .st-contact-form .text input[type="text"],
.st-form-contact .st-contact-form .message textarea{
	line-height: 20px;
	border: 2px solid #0e0e0e;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: none;
	text-shadow: none;
	width: 100%;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	color: #0e0e0e;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	background: transparent;
	padding-left: 20px;
}
.st-form-contact .st-contact-form .message textarea::-webkit-input-placeholder,
.st-form-contact .st-contact-form .text input[type="text"]::-webkit-input-placeholder {
  color: #0e0e0e;
}
.st-form-contact .st-contact-form .message textarea:-moz-placeholder,
.st-form-contact .st-contact-form .text input[type="text"]:-moz-placeholder { 
   color: #0e0e0e; 
}
.st-form-contact .st-contact-form .message textarea::-moz-placeholder,
.st-form-contact .st-contact-form .text input[type="text"]::-moz-placeholder { 
   color: #0e0e0e;
}
.st-form-contact .st-contact-form .message textarea:-ms-input-placeholder,
.st-form-contact .st-contact-form .text input[type="text"]:-ms-input-placeholder {  
   color: #0e0e0e; 
}
.st-form-contact .span4 input[type="text"]{
	height: 60px;	
	margin-bottom: 30px;
}
.st-form-contact .message textarea{
	padding-top: 10px;
	height: 210px;
	margin-bottom: 0;
}
.st-form-contact .st-contact-form p.submit{
	padding: 4px;
	border: 2px solid #fff;
	margin: 0 auto;
	width: 372px;
	margin-top: 30px;
	text-align: center;
}
.st-form-contact .st-contact-form input[type="submit"]{
	margin: 0px;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 18px;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 31px;
	padding: 12px 104px;
	display: inline-block;
	background: #fff;
	color: #2b2b2b;
	border:0;
	box-shadow: none;
	text-shadow:  none;
	letter-spacing: 2px;
}

/** St-footer **/
#avatar-footer-block{
	background: #1c1c1c;
}
.st-footer{
	text-align: center;
	padding-top: 50px;
	padding-bottom: 80px;
}
.st-footer p{
	margin-bottom: 0;
}
.st-footer .phone{
	font-family: 'Lato', sans-serif;
	margin-bottom: 0;
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	line-height: 30px;
	padding-top: 101px;
	background: url(../images/st_theme/footer-icon.png) no-repeat top center;
	margin-bottom: 32px;
	letter-spacing: 5px;
}
.st-footer .email{
	margin-bottom: 0;
	padding-top: 38px;
	background: url(../images/st_theme/footer-icon.png) no-repeat bottom 40px center;
}
.st-footer .email a{
	color: #adabab;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 20px;
	text-decoration: none;
}
.st-footer .social{
	margin-top: 44px;
}
.st-footer .social a{
	font-family: "FontAwesome";
	color: #a4a4a4;
	text-decoration: none;
	font-size: 25px;
	line-height: 25px;
	margin-right: 0;
	padding: 0 24px;
}
.st-footer .social a:hover{
	color: #fff;
}

/** PAGE - BLOG **/

.st-page-blog #avatar-tool-block{
	position: relative;
}
.st-page-blog #avatar-tool-block:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../images/st_theme/blog-bg.jpg) no-repeat top left fixed;
	background-size: cover;
	z-index: -3;
}
.st-page-blog #avatar-tool-block:before{
	content: '';
	z-index: -2;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.8;
	filter:alpha(opacity=80);
	background: #121212;
}

/** Blog Page Header **/
.st-blog-page-header{
	text-align: center;
	padding-bottom: 52px;
}
.st-blog-page-header .st-module-heading{
	color: #fff;
	background: url(../images/st_theme/bg-bottom-welcome-metanic.png) no-repeat bottom center;
	padding: 75px 0 49px 0;
}
.st-blog-page-header p{
	color: #adabab;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
	margin: 34px 0 0 0;
	padding: 0 16%;
}

.st-page-blog #avatar-content{
	margin-top: 50px;
}
.st-page-blog  .blog-article{
	position: relative;
	padding: 0 30px 25px 200px;
	margin-bottom: 37px;
}
.st-page-blog .blog-article .item-date{
	position: absolute;
	left: 0;
	top: 0;
	border: 2px solid #2e2e2e;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 166px;
	height: 166px;
	text-align: center;
}
.st-page-blog .blog-article .item-date .day{
	font-size: 60px;
	color: #2e2e2e;
	font-weight: 700;
	font-family: 'Lato', sans-serif;
	line-height: 50px;
	margin-top: 44px;
	margin-bottom: 7px;
}
.st-page-blog .blog-article .item-date .month-year{
	color: #727272;
	font-size: 15px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	line-height: 20px;
}
.st-page-blog .blog-article .image-link{
	display: block;
	position: relative;
	overflow: hidden;
}
.st-page-blog .blog-article .image-link .item-image{
	margin-bottom: -5px;
}
.css3-effect.st-page-blog .blog-article .image-link:after{
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	right: 0;
	bottom: 5px;
	background: #0e0e0e;
	opacity: 0;
	filter: alpha(opacity=0);
	width: 200%;
	height: 200%;
	-webkit-transform: translate(-1000px, 0)  rotate(45deg);
   -moz-transform: translate(-1000px, 0) (45deg);
   -o-transform: translate(-1000px, 0) (45deg);
   -ms-transform: translate(-1000px, 0) (45deg);
    transform:  (45deg);
}
.css3-effect.st-page-blog .blog-article .image-link:hover:after{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-webkit-transform: translate(0, 0)  rotate(45deg);
   -moz-transform: translate(0, 0) (45deg);
   -o-transform: translate(0, 0) (45deg);
   -ms-transform: translate(0, 0) (45deg);
    transform:  (45deg);
}
.st-page-blog .blog-article .image-link:after,
.st-page-blog .blog-article .image-link:hover:after{
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transform: all 0.3s;
}
.st-page-blog .blog-article .item-image{
	float: none;
}
.st-page-blog .blog-article .title{
	margin-top: 20px;
	margin-bottom: 2px;
}
.st-page-blog .blog-article .title a{
	color: #2e2e2e;
	font-family: 'Raleway', sans-serif;
	font-size: 25px;
	font-weight: 500;
	text-decoration: none;
}
.st-page-blog .blog-article .title a:hover{
	text-decoration: none;
	color: #948d7b;
}
.st-page-blog .blog-article .article-info{
	overflow: hidden;
}
.st-page-blog .blog-article .article-info dd{
	float: left;
	padding: 0 10px 0 20px;
	line-height: 20px;
	color: #969696;
	font-size: 14px;
}
.st-page-blog .blog-article .article-info dd.published{
	border-right: 1px solid #727272;
	background: url(../images/st_theme/article-info-icon.png) no-repeat top 4px left;
}
.st-page-blog .blog-article .article-info dd.createdby{
	margin-left: 10px;
	background: url(../images/st_theme/article-info-icon.png) no-repeat top -51px left;
	color: #434343;
	font-weight: 700;
	border-right: 1px solid #727272;
}
.st-page-blog .item .blog-article .article-info dd.createdby{
	border-right: 0;
}
.st-page-blog .blog-article .article-info dd.createdby span{
	color: #969696;
	font-weight: 400;
}
.st-page-blog .blog-article .main-content{
	color:#727272;
	line-height: 30px;
	font-size: 15px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	margin-top: 11px;
}
.st-page-blog .pagination{
	padding-left: 200px;
	margin-top: -31px;
	margin-bottom: 84px;
}
.st-page-blog .pagination .pagination-start,
.st-page-blog .pagination .pagination-end,
.st-page-blog .pagination .pagination-next,
.st-page-blog .pagination .pagination-prev{
	display: none;
}
.st-page-blog .pagination li{
	margin-right: 20px;
	display: inline-block;
}
.st-page-blog .pagination li a{
	background: #fff;
	border: 1px solid #2e2e2e;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #2e2e2e;
	font-size: 15px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-decoration: none;
	line-height: 21px;
	padding: 14px 20px;
	min-width: 9px;
}
.st-page-blog .pagination li span,
.st-page-blog .pagination li a:hover{
	background: #948d7b;
	border: 1px solid #948d7b;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
	line-height: 21px;
	padding: 14px 20px;
	min-width: 9px;
	font-size: 15px;
}
/** Right Sidebar **/
.st-page-blog #avatar-right{
	margin-top: 50px;
}
.st-search #mod-search-searchword{
	width: 100%;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	box-shadow: none;
	text-shadow: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border: 1px solid #727272;
	padding: 29px 0 29px 15px;
	color: #2e2e2e;
	font-size: 15px;
	font-family: 'Lato', sans-serif;
	line-height: 20px;
	font-weight: 400;
	background: url(../images/st_theme/search-icon.png) no-repeat right 20px center;
}

.st-recent-posts .st-module-heading,
.st-flick .st-module-heading{
	font-family: 'Raleway', sans-serif;
	color: #272727;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}
.st-recent-posts{
	margin-top: 31px;
}
.st-recent-posts ul li{
	list-style: none;
	border-bottom: 1px solid #cccccc;
	padding-top: 14px;
	padding-bottom: 4px;
}
.st-recent-posts ul li:first-child{
	padding-top: 10px;
}
.st-recent-posts ul li:last-child{
	border-bottom: 0;
}
.st-recent-posts ul li .title {
	line-height: 22px;
} 
.st-recent-posts ul li .title a{
	color: #2e2e2e;
	font-size: 15px;
	font-family: 'Lato', sans-serif;
	line-height: 22px;
	font-weight: 400;
	text-decoration: none;
}
.st-recent-posts ul li .title a:hover{
	text-decoration: none;
	color: #948d7b;
}
.st-recent-posts ul li .published{
	color: #272727;
	font-size: 12px;
	font-family: 'Lato', sans-serif;
	line-height: 20px;
	font-weight: 400;
}

.st-flick{
	margin-top: 9px;
}
.st-flick .st-module-heading{
	margin-bottom: 17px;
}
.st-flick .row-fluid .span4{
	width: 80px;
	margin-left: 15px;
	margin-bottom: 10px;
}
.st-flick .row-fluid .span4:first-child{
	margin-left: 0;
}

/** Blog Detail **/
.st-page-blog .blog-article .article-info dd.tags{
	margin-left: 10px;
	background: url(../images/st_theme/article-info-icon.png) no-repeat top -113px left;
}
.st-page-blog .article-info .tags .tag-item{
	line-height: 20px;
	color: #969696;
	background: #fff;
	font-size: 14px;
	display: inline-block;
}
.st-page-blog .article-info .tags .tag-item a{
	box-shadow: none;
	text-shadow: none;
	line-height: 20px;
	color: #969696;
	background: #fff;
	font-size: 14px;
	padding: 0;
}
.st-page-blog .blog-detail .pagenav{
	display: none;
}
.st-page-blog .blog-detail #disqus_thread{
	margin-top: 50px;
}


/**********  PAGE HOME  ***********/
body:not(.st-page-hello) #avatar-header-block{
	background: #353535;
	overflow: hidden;
}
/*** Modules search page home ***/
.st-search-page-home {
	background: #353535;
	width: auto;
	height: 20px;
	padding: 20px 0;
	float: left;
}
.st-search-page-home #mod-search-searchword{
	box-shadow: none;
	text-shadow: none;
	background: #353535 url(../images/st_theme/search-icon-small.png) no-repeat center left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #656565;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 14px;
	border: 0;
	padding: 0 0 0 30px;
	width: 85px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.st-search-page-home #mod-search-searchword:hover{
	width: 200px;
}
.css3-effect .st-search-page-home #mod-search-searchword,
.css3-effect .st-search-page-home #mod-search-searchword:hover{
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}
.st-social-top{
	float: left;
	padding: 20px 0;
}
.st-social-top .social{
	height: 20px;
	line-height: 20px;
	margin-left: 10px;
}
.st-social-top .social a{
	color: #868686;
	text-decoration: none;
	line-height: 20px;
	font-size: 15px;
	font-family: "FontAwesome";
	margin-right: 14px;
}
.st-social-top .social a:before{
	margin-top: 1px;
	display: inline-block;
}
.st-social-top .social a:hover{
	color: #fff;
}
/** Call us**/
.st-call-us{
	float: right;
	padding: 20px 0;
}
.st-call-us p{
	line-height: 20px;
	margin: 0;
	color: #6f6f6f;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 14px;
}
body:not(.st-page-hello) .st-main-menu ul.st-mega-menu>li,
.scroll-down .st-main-menu ul.st-mega-menu>li{
	padding: 34px 0;
}
body:not(.st-page-hello) .st-logo-small,
.scroll-down .st-logo-small{
	padding: 12px 0 8px 0;
}
#avatar-header-inside-block{
	box-shadow: 0 3px 4px rgba(0,0,0,0.1);
	background: #fff;
}
#avatar-pos-main-body .hikashop_products,
#avatar-pos-main-body .hikashop_product_page{
	margin-right: 30px;
}
#avatar-pos-main-body h1{
	color: #2e2e2e;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 25px;
	margin-top: 51px;
	margin-bottom: 20px;
}
#avatar-pos-main-body .hikashop_submodules{
	padding-top: 0;
}
/** Shop **/
.hikashop_products_listing{
	margin-bottom: 80px;
}
.hikashop_product_column_1 .hikashop_product_image_subdiv,
.hikashop_product_column_3 .hikashop_product_image_subdiv{
	/*margin: 0 !important;
	width: 100% !important;*/
}
.hikashop_product_column_3 .hikashop_product_image_subdiv{
	/*float: right;*/
}
.hikashop_product_price_per_unit{
	display: none;	
}
.hikashop_products .hikashop_product .hikashop_container{
	margin: 0 !important;
}
.hikashop_products .hikashop_subcontainer{
	position: relative;
	padding: 0;
	padding-bottom: 23px;
	border: 0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: none;
	text-shadow: none;
}
.hikashop_products .hikashop_subcontainer:hover{
	box-shadow: none;
	text-shadow: none;
	border: 0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.hikashop_products .hikashop_product_name{
	margin-bottom: 0;
}
.hikashop_products .hikashop_product_name a{
	font-family: 'Raleway', sans-serif;
	color: #2e2e2e;	
	font-weight: 500;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 20px;
	margin-top: 14px;
}
.hikashop_products .hikashop_product_name a:hover{
	color: #948d7b;
}
.hikashop_products span.hikashop_product_price{
	color: #2e2e2e;
	font-size: 16px;
	font-weight: 700;
	font-family: 'Lato', sans-serif;
	line-height: 20px;
	font-style: normal;
}
/** Pagination shop **/
.hikashop_products_listing .list-footer .pagenav_start_chevron,
.hikashop_products_listing .list-footer .pagenav_previous_chevron,
.hikashop_products_listing .list-footer .pagenav_next_chevron ,
.hikashop_products_listing .list-footer .pagenav_end_chevron,
.hikashop_products_listing .list-footer .pagenav.hikashop_start_link ,
.hikashop_products_listing .list-footer .pagenav.hikashop_previous_link,
.hikashop_products_listing .list-footer .pagenav.hikashop_next_link,
.hikashop_products_listing .list-footer .pagenav.hikashop_end_link{
	display: none;
}
.hikashop_products_listing .list-footer .counter,
.hikashop_products_listing .list-footer .limit,
.hikashop_products_listing .hikashop_products_pagination .hikashop_results_counter{
	color: #727272;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
}
.hikashop_products_listing .list-footer .limit{
	margin-bottom: 0px;
}
.hikashop_products_pagination .list-footer .limit .inputbox{
	margin-bottom: 0;
	border: 1px solid #2e2e2e;
	color: #2e2e2e;
}
.hikashop_products_listing .list-footer .counter{
	margin-top: 0px;
}
.hikashop_products_listing .list-footer .pagenav{
	border: 1px solid #2e2e2e;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #2e2e2e;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: 700;
	background: #fff;
	line-height: 20px;
	padding: 14px 19px;
	margin: 20px 8px;
	display: inline-block;
}
.hikashop_products_listing .list-footer a.pagenav:hover,
.hikashop_products_listing .list-footer span.pagenav{
	background: #948D7B;
	color: #fff;
	border: 1px solid #948D7B;
}

/***** PAGE PRODUCT ****/
#avatar-pos-main-body .hikashop_product_page{
	margin-top: 51px;
}
.hikashop_product_left_part{
	width: auto;
	float: left;
	margin-right: 30px;
}
.hikashop_product_right_part{
	float: none;
}
img.hikashop_child_image{
	width: 85px;
	height: auto;
	margin: 0;
	
	margin: 0 2px;
}
img.hikashop_child_image:hover{
	
}
.hikashop_product_page h3.title-product{
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	color: #948d7b;
	font-size: 20px;
}
.hikashop_product_page .hikashop_product_price_main .hikashop_product_price{
	color: #2e2e2e;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 25px;
	font-style: normal;
}
.hikashop_product_page .hikashop_product_description_main_mini{
	font-family: 'Lato', sans-serif;
	color: #727272;
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
}
.hikashop_product_stock .hikashop_product_quantity_field{
	color: #948d7b;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	text-align: center;
	box-shadow: none;
	text-shadow: none;
	height: 30px;
	padding: 4px 9px !important;
	border: 1px solid #999999;
	margin-right: 10px !important;
}
.hikashop_product_page .hikashop_product_right_part a.hikashop_cart_button{
	text-shadow: none;
	box-shadow: none;
	background: #948d7b;
	color: #fff !important;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 30px;
	border: 0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 5px 27px;
	margin: 0;
	margin-left: 10px ;
} 
.hikashop_product_page .hikashop_product_right_part .hikashop_product_stock a.hikashop_cart_button{
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.hikashop_product_page .hikashop_product_right_part a.hikashop_cart_button:hover{
	background: #202020;
}
/*** Hikashop addtocart button ***/
.hikashop_subcontainer .hikashop_product_image .hikashop_product_image_subdiv a{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.hikashop_subcontainer .hikashop_product_image .hikashop_product_image_subdiv a:before{
	content: '';
	background: #0e0e0e;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 5px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.st-featured-items .hikashop_subcontainer .hikashop_product_image .hikashop_product_image_subdiv a:before{
	display: none;
}
.hikashop_subcontainer:hover .hikashop_product_image .hikashop_product_image_subdiv a:before{
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.hikashop_products .hikashop_subcontainer  form{
	background: transparent;
	position: absolute;
	top: 170px;
	right: 2.5px;
	left: 2.5px;
	overflow: hidden;
	/*width: 30px;*/
	height: 30px;
	margin: auto !important;
}
.hikashop_products .hikashop_subcontainer  form a.hikashop_cart_button{
	color: #fff !important;	
	font-weight: 500;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 30px;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-shadow: none;
	box-shadow: none;
	width: 30px ;
	text-align: center;
	position: absolute;
	margin: auto;
	left: 0px;
	right: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	text-indent: -999px;
}
.hikashop_products .hikashop_subcontainer:hover  form a.hikashop_cart_button{
	opacity: 1;
	filter: alpha(opacity=100);
	background: #948d7b url(../images/st_theme/icon-search-add-to-cart.png) no-repeat center center;
}
.hikashop_products .hikashop_subcontainer:hover  form a.hikashop_cart_button:hover{
	width: 155px;
	background: #0e0e0e;
	text-indent: 0;
}
.hikashop_products .hikashop_subcontainer{
	overflow: hidden;
	/*max-width: 270px;*/
}
.hikashop_products .hikashop_subcontainer  form:hover{
	
}
.hikashop_products .hikashop_subcontainer:hover  form:hover:before{
	opacity: 0;
	filter: alpha(opacity=0);
}
.hikashop_products .hikashop_subcontainer  form:hover a.hikashop_cart_button{
	opacity: 1;
	filter: alpha(opacity=100);
}

/** End Hikashop addtocart button **/
.hikashop_product_page .hikashop_product_stock a.hikashop_cart_button{
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.hikashop_product_stock td{
	padding: 0;
	vertical-align: top;
}
.hikashop_product_stock a.hikashop_product_quantity_field_change_plus,
.hikashop_product_stock a.hikashop_product_quantity_field_change_minus{
	color: #948d7b;
	font-family: 'Lato', sans-serif;
	font-size: 17px;
	font-weight: 300;
	line-height: 20px;
}
/** Tab **/
.show_tabular #hikashop_tabs_div .hikashop_tabs_ul{
	border-top: 1px solid #e3e3e3;
	margin: 0;
}
.show_tabular #hikashop_tabs_div .hikashop_tabs_ul li{
	border: none;
	background: #fff;
	padding: 0 20px 0 0;
}
.show_tabular #hikashop_tabs_div .hikashop_tabs_ul li a{
	color: #727272;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 40px;
	padding-top: 3px;
	display: inline-block;
	margin-top: -1px;
	z-index: 3;
}
.show_tabular #hikashop_tabs_div .hikashop_tabs_li_selected a{
	color: #2e2e2e !important;
	border-top: 3px solid #2e2e2e;
}
.show_tabular .hikashop_tabs_content{
	border: 0;
	line-height: 20px;
	color: #393939;
	font-size: 12px;
	font-family: 'Lato', sans-serif;
}
/** Related product **/
#avatar-pos-main-body .hikashop_product_page .hikashop_products{
	margin-right: 0;
}
.hikashop_category_information h2{
	font-family: 'Raleway', sans-serif;
	font-size: 25px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 40px;
	color: #0e0e0e;
	text-align: center;
	border-bottom: 0;
}
/*** Checkout ***/
#avatar-pos-message{
	margin-top: 61px;
	margin-right: 30px;
}
#system-message .alert-message,
#system-message .alert{
	background: #7ba9de url(../images/st_theme/alert-icon.png) no-repeat top -496px left 29px;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 12px;
	line-height: 30px;
	text-transform: uppercase;
	padding: 17px 70px 21px 110px;
	margin: 60px 30px 0 0;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: none;
	text-shadow: none;
}
#system-message .alert .alert-heading,
#system-message .alert-message .alert-heading{
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 40px;
	color: #fff;
	margin-bottom: -8px;
}


#avatar-pos-main-body .hikashop_checkout_page {
	margin-right: 30px;
	margin-top: 60px;
}
.hikashop_wizardbar{
	overflow: hidden;
}
.hikashop_wizardbar,
.hikashop_wizardbar ul li{
	background: #f2f2f2;
	border: 0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: none;
	text-shadow: none;
}
.hikashop_wizardbar ul li,
.hikashop_wizardbar ul li.hikashop_cart_step_finished {
	padding: 0;
	margin: 15px 35px 17px 45px;
	border-top: 2px solid #f2f2f2;
	color: #191919;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 18px;
	position: relative;
}
.hikashop_wizardbar ul li:after{
	content: '';
	width: 10px;
	position: absolute;
	right: -45px;
	top: 0;
	bottom: 0;
	left: auto;
	background: url(../images/st_theme/icon-payment.png) no-repeat left center;
	
}
.hikashop_wizardbar ul li:last-child:after{
	display: none;
}
.hikashop_wizardbar ul li a,
.hikashop_wizardbar ul li.hikashop_cart_step_finished a{
	color: #191919;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 18px;
	text-decoration: none;
}
.hikashop_wizardbar ul li:hover,
.hikashop_wizardbar ul li.hikashop_cart_step_finished:hover{
	border-top: 2px solid #948d7b;
	background: #f2f2f2;
}
.hikashop_wizardbar ul li:hover a,
.hikashop_wizardbar ul li.hikashop_cart_step_finished:hover a{
	color: #948d7b; 
}
.hikashop_wizardbar ul li .hikashop_chevron{
	border: none;
	top: 0;
	right: 0;
	background: transparent;
	border-left: 0;
	border-right: 0;
}
.hikashop_wizardbar ul li .hikashop_chevron:before{
	display: none;
}
.hikashop_wizardbar ul li .badge{
	display: none;
}
.hikashop_wizardbar ul li.hikashop_cart_step_current{
	border-top: 2px solid #948d7b;
	color: #948d7b; 
	background: #f2f2f2;
	padding: 0;
	margin: 15px 35px 17px 45px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

/** login **/
#hikashop_checkout_page h1{
	border-bottom: 0;
}
#hikashop_checkout_login_left_part .input h2,
#hikashop_checkout_login_right_part .input h2{
	color: #2e2e2e;
	font-size: 20px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}
.input-prepend.input-append .add-on,.input-prepend.input-append .btn{
	display: none;
}
#hikashop_checkout_login_left_part .control-group .controls,
#hikashop_checkout_login_left_part .control-group .controls .input-prepend{
	width: 100%;
}
#hikashop_checkout_login_left_part input#modlgn-passwd,
#hikashop_checkout_login_left_part input#modlgn-username{
	text-align: center;
	box-shadow: none;
	text-shadow: none;
	border: 1px solid #eaeaea;
	margin: 0;
	padding: 6px 3px;
	line-height: 21px;
	height: 35px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 265px;
	color: #2e2e2e;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}
#hikashop_checkout_login_left_part fieldset{
	margin-right: 13px;
}
#hikashop_checkout_login_left_part .control-group{
	margin-bottom: 20px;
}
#form-login-remember label.control-label{
	color: #2e2e2e;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	margin-right: 5px;
}
#form-login-remember #modlgn-remember{
	background: #d1d1d1;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border: 0;
	float: none;
}
#hikashop_checkout_login a.hikashop_cart_button{
	background: #948d7b;
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
	color: #fff !important;
	font-weight: 400;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	line-height: 20px;
	padding: 4px 0;
	text-align: center;
	margin: 0;
	width: 118px;
}
#hikashop_checkout_login a.hikashop_cart_button:hover{
	background: #202020;
}
#hikashop_checkout_login_right_part{
	margin-bottom: 40px;
}
#hikashop_checkout_login_right_part fieldset{
	margin-left: 20px;
}
#hikashop_checkout_login_right_part fieldset.form-horizontal{
	margin-left: 0;
}
#hikashop_checkout_login_right_part .form-horizontal .controls{
	margin-left: 0;
}
#hikashop_checkout_login_right_part .control-group.hikashop_registration_required_info_line{
	display: none;
}
#hikashop_checkout_login_right_part .form-horizontal .controls input{
	text-align: center;
	text-align: center;
	box-shadow: none;
	text-shadow: none;
	border: 1px solid #eaeaea;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	margin: 0;
	padding: 6px 3px;
	line-height: 21px;
	height: 35px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 265px;
	color: #2e2e2e;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	margin-right: 10px;
}
.hikashop_registration_required_info_line .controls{
	color: #2e2e2e;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}
.hikashop_shipping_methods_table.table>tbody>tr>td{
	border: 0;
}
.hikashop_shipping_methods_table tbody tr td .hikashop_checkout_shipping_price_full{
	display: none;
}
#hikashop_shipping_methods tbody tr{
	border: 0;
}
#hikashop_shipping_methods .table>tbody>tr>td{
	border-bottom: 1px solid #eaeaea;
	text-align: left;
}
.hikashop_payment_methods_table.table>tbody>tr>td{
	border: 0;
	border-bottom: 1px solid #eaeaea;
	text-align: left;
}
.hikashop_payment_methods_table.table>tbody>tr>td *,
#hikashop_shipping_methods .table>tbody>tr>td *{
	text-align: left;
}
#hikashop_checkout_page .hikashop_checkout_login{
	border-bottom: 1px solid #eaeaea;
}
#hikashop_checkout_page .hikashop_shipping_methods fieldset legend,
#hikashop_checkout_page .hikashop_payment_methods fieldset legend{
	text-transform: none;
	font-size: 15px;
	color: #2e2e2e;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	margin-bottom: 5px;
}
.hikashop_payment_methods_table.table>tbody>tr>td label.btn-radio,
#hikashop_shipping_methods .table>tbody>tr>td label.btn-radio{
	background: none;
	box-shadow: none;
	text-shadow: none;
	border: 0;
	color: #2e2e2e;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 400;
}
.hikashop_checkout_shipping_description,
.hikashop_checkout_payment_description{
	color: #8a8a8a;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: 400;
}
.table .hikashop_cart_shipping_title,
.table  .hikashop_cart_subtotal_title{
	color: #2e2e2e;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	border-top: 0;
}
.table .hikashop_cart_subtotal_value,
.table .hikashop_cart_shipping_value{
	border: 0;
}
.table td.hikashop_cart_total_title,
.table td.hikashop_cart_total_value{
	border-top: 1px solid #eaeaea;
}
.hikashop_cart_shipping_value .hikashop_checkout_cart_shipping{
	font-style: normal;
	font-weight: 700;
	color: #948d7b;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
}


.hikashop_small_cart_checkout_link .hikashop_small_cart_total_title,
.hikashop_small_cart_checkout_link:hover{
	color: #727272;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
}
#hikashop_cart .hikashop_product_price_full .hikashop_product_price{
	color: #948d7b;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 15px;
	font-style: normal;
	margin-left: 5px;
}
.hikashop_cart .hikashop_cart_button{
	background: #948d7b;
	font-family: 'Raleway', sans-serif;
	color: #fff !important;
	font-weight: 400;
	font-size: 14px;
	text-shadow: none;
	box-shadow: none;
	border: 0;
	margin: 10px 0 0 0;
	padding: 5px 0;
	height: 30px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	line-height: 20px;
	width: 120px;
	display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.hikashop_cart .hikashop_cart_button:hover{
	background: #202020;
	border: 0;
	display: block;
}

.hika-radio input[type="radio"].hikashop_checkout_shipping_radio,
.hika-radio input[type="radio"].hikashop_checkout_payment_radio{
	display: inline-block;
}
#hikashop_checkout_coupon{
	color: #434343;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	line-height: 30px;
	height: 30px;
}
#hikashop_checkout_coupon a.hikashop_cart_button:hover,
#hikashop_checkout_coupon a.hikashop_cart_button{
	width: 85px;
	line-height: 30px;
	border: 0;
	background: #948d7b;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #fff !important;
	margin: 0 ;
	padding: 0;
	display: inline-block;
	box-shadow: none;
	text-shadow: none;
}
#hikashop_checkout_coupon input{
	display: inline-block;
	width: 130px;
	height: 30px;
	padding: 0;
	padding-left: 5px;
	margin: 0 5px;
	margin-top: -2px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #eaeaea;	
	box-shadow: none;
	text-shadow: none;
}
.hikashop_checkout_cart .table thead tr th.hikashop_cart_title{
	color: #2e2e2e;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	font-weight: 400;
	border: 1px solid #eaeaea;
	text-align: center;
	padding: 4px 10px;
	line-height: 35px;
}
.hikashop_checkout_cart .table thead tr th.hikashop_cart_title.hikashop_cart_product_image_title{
	width: 165px;
}
.hikashop_checkout_cart .table thead tr th.hikashop_cart_title.hikashop_cart_product_total_title,
.hikashop_checkout_cart .table thead tr th.hikashop_cart_title.hikashop_cart_product_quantity_title,
.hikashop_checkout_cart .table thead tr th.hikashop_cart_title.hikashop_cart_product_price_title{
	padding: 4px 22px;
}
.hikashop_cart_product_name .hikashop_no_print{
	color: #2e2e2e;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 400;
}
.hikashop_cart_product_name .hikashop_no_print:hover{
	color: #948d7b;
	text-decoration: none;
}
.table>tbody>tr>td{
	background: #fff !important;
}
.table>tbody>tr>td *,
.hika_address_field label,
.hikashop_banktransfer_end_message{
	color: #8a8a8a;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: 400;
}
.hikashop_checkout_billing_address_new a,
#hikashop_checkout_next_button{
	text-shadow: none;
	box-shadow: none;
	line-height: 30px;
	border: 0;
	background: #948d7b;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #fff !important;
	margin: 0;
	padding: 0 15px;
	display: inline-block;
	margin-bottom: 10px;
}
.hikashop_checkout_billing_address_new a:hover,
#hikashop_checkout_next_button:hover{
	background: #202020;
	border: 0;
}
.hikashop_shipping_methods{
	margin-top: 10px;
}
.hikashop_checkout_cart .table>tbody>tr>td{
	background: #fff !important;
	text-align: center;
	border: 1px solid #eaeaea;
	vertical-align: middle;
}
.table>tbody>tr>td.hikashop_cart_product_image_value{
	padding-top: 8px;
}
.table>tbody>tr>td *{
	text-align: center;
}
.table>tbody>tr>td .hikashop_cart_product_image_thumb{
	margin-bottom: -5px;
}
.table span.hikashop_product_price{
	font-style: normal;
	color: #2e2e2e;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
}
.table .hikashop_cart_total_title,
.table .hikashop_cart_total_value{
	border: none;
}
#hikashop_checkout_cart_final_total_title{
	color: #2e2e2e;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
}
span.hikashop_checkout_cart_final_total{
	color: #2e2e2e;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-style: normal;
}
.hikashop_cart_product_quantity_value .hikashop_product_quantity_field{
	border: 1px solid #eaeaea;
	box-shadow: none;
	text-shadow: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	padding: 0 !important;
	margin-left: 15px !important;
}



/****  RIGHT-SIDEBAR PAGE HOME ****/
.st-product-categories .st-module-heading,
.st-cart .st-module-heading,
.st-featured-items .st-module-heading{
	color: #2e2e2e;
	font-size: 20px;
	font-weight: 600;
	font-family: 'Lato', sans-serif;
}
.st-product-categories .st-module-heading{
	margin-top: 48px;
}
.st-product-categories .hikashop_subcategories .hikashop_category{
	margin: 0 !important;
	padding-left: 15px;
	background: url(../images/st_theme/list-style-image.png) no-repeat center left;
}
.st-product-categories .hikashop_subcategories .hikashop_container{
	margin: 0 !important;
	padding: 0;
	line-height: 30px;
}
.st-product-categories .hikashop_subcategories .hikashop_container .hikashop_subcontainer {
	padding: 0;
	margin: 0;
}
.st-product-categories .hikashop_subcategories .hikashop_container .hikashop_category_name a{
	margin: 0;
	color: #727272;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	text-decoration: none;
}
.st-product-categories .hikashop_subcategories .hikashop_container .hikashop_category_name a:hover{
	padding-left: 10px;
}
.st-cart .hikashop_cart{
	color: #727272;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 400;
}
.st-featured-items .hikashop_product_image{
	float: left;
	margin-right: 15px;
	height: 70px !important;
	overflow: hidden;
}
.st-featured-items .hikashop_product_image .hikashop_product_image_subdiv{
	
}
.st-featured-items .hikashop_products .hikashop_product_name a{
	color: #948d7b;
	text-transform: none;
	font-size: 14px;
	font-weight: 600;
}
.st-featured-items .hikashop_products .hikashop_product_name a:hover{
	text-decoration: underline;
}
.st-featured-items .hikashop_products span.hikashop_product_price{
	color: #202020;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 400;
}
/** Foooter **/
#avatar-footer-user{
	background: #161616;
	overflow: hidden;
}
.st-custom-column .st-module-heading,
.st-contact-us .st-module-heading,
.st-twitter .st-module-heading,
.st-facebook .st-module-heading{
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	padding-top: 30px;
	margin-bottom: 12px;
}
.st-custom-column,
.st-contact-us,
.st-twitter,
.st-facebook {
	line-height: 30px;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #ababab;
}
/** Modules st-custom-column **/
.st-custom-column p{
	padding-right: 40px;
	margin-bottom: 13px;
}
.st-custom-column .social a{
	font-family: "FontAwesome";
	color: #fff;
	text-decoration: none;
	background: none;
	border: 1px solid #fff;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 0;
	width: 43px;
	height: 43px;
	text-align: center;
	font-size: 20px;
	position: relative;
	margin-right: 15px;
}
.st-custom-column .social a:before{
	position: absolute;
	top: 7px;
	left: 0;
	right: 0;
	bottom: 0;
}
/** Modules st-contact-us **/
.st-contact-us{
	padding-bottom: 60px;
}
.st-contact-us .customst-contact-us>div{
	margin-bottom: 30px;
	overflow: visible;
}
.st-contact-us div span.icon{
	width: 40px;
	height: 40px;
	text-indent: -999999px;
	background-color: #fff;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	display: inline-block;
	margin-right: 11px;
	float: left;
	
}
.st-contact-us div p{
	margin-bottom: 0;
}
.st-contact-us .customst-contact-us>.address{
	margin-bottom: 21px;
}
.st-contact-us :not(.address) p{
	line-height: 40px;
}
.st-contact-us .address p{
	line-height: 30px;
}
.st-contact-us .address span.icon{
	margin-top: 10px;
	background: #fff url(../images/st_theme/contact-us-icon.png) no-repeat left 9px top 11px;
}
.st-contact-us .phone span.icon{
	background: #fff url(../images/st_theme/contact-us-icon.png) no-repeat left 10px top -58px;
}
.st-contact-us .email span.icon{
	background: #fff url(../images/st_theme/contact-us-icon.png) no-repeat left 9px top -127px;
}
.st-contact-us .skyper span.icon{
	background: #fff url(../images/st_theme/contact-us-icon.png) no-repeat center top -198px;
}
.st-contact-us p a{
	color: #ababab;
}
.st-contact-us  p a:hover{
	text-decoration: underline;
}
/** st-twitter **/
.st-twitter .st-module-heading{
	margin-bottom: 9px;
}
/*** Footer Bottom ***/
#avatar-footer-inside-block{
	background: #2e2e2e;
}
.st-copyright{
	padding: 20px 0;
}
.st-copyright p{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #919191;
	line-height: 20px;
	margin-bottom: 0;
}
.st-visacard{
	padding-top: 15px;
	padding-bottom: 8px;
	overflow: hidden;
}
.st-visacard p{
	margin-bottom: 0;
}
.st-visacard p a{
	display: inline-block;
	margin-left: 20px;
	float: right;
}

/*** PAGE 404 ***/
.st-page-404 #disqus_thread{
	display: none;
}
.st-page-404 #avatar-tool-block,
.st-page-contact #avatar-tool-block,
.st-page-about-us #avatar-tool-block,
.st-page-portfolio #avatar-tool-block,
.st-page-features #avatar-tool-block,
.st-page-portfolio #avatar-tool-block,
.st-page-blog-2 #avatar-tool-block,
.st-page-pricing-plans #avatar-tool-block{
	position: relative;
}
.st-page-404 #avatar-tool-block:after,
.st-page-contact #avatar-tool-block:after,
.st-page-about-us #avatar-tool-block:after,
.st-page-portfolio #avatar-tool-block:after,
.st-page-features #avatar-tool-block:after,
.st-page-portfolio #avatar-tool-block:after,
.st-page-blog-2 #avatar-tool-block:after,
.st-page-pricing-plans #avatar-tool-block:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../images/st_theme/blog-bg.jpg) no-repeat top left fixed;
	background-size: cover;
	z-index: -3;
}
.st-page-404 #avatar-tool-block:before,
.st-page-contact #avatar-tool-block:before,
.st-page-about-us #avatar-tool-block:before,
.st-page-portfolio #avatar-tool-block:before,
.st-page-features #avatar-tool-block:before,
.st-page-portfolio #avatar-tool-block:before,
.st-page-blog-2 #avatar-tool-block:before,
.st-page-pricing-plans #avatar-tool-block:before{
	content: '';
	z-index: -2;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.8;
	filter:alpha(opacity=80);
	background: #121212;
}
.st-404-page-header,
.st-contact-page-header,
.st-about-us-page-header,
.st-portfolio-page-header,
.st-features-page-header,
.st-our-portfolio-page-header,
.st-blog-2-page-header{
	text-align: center;
	padding-bottom: 50px;
}
.st-404-page-header .st-module-heading,
.st-contact-page-header .st-module-heading,
.st-about-us-page-header .st-module-heading,
.st-portfolio-page-header .st-module-heading,
.st-features-page-header  .st-module-heading,
.st-our-portfolio-page-header .st-module-heading,
.st-blog-2-page-header .st-module-heading{
	color: #fff;
	background: url(../images/st_theme/bg-bottom-welcome-metanic.png) no-repeat bottom center;
	padding: 40px 0 30px 0;
	font-family: 'Raleway', sans-serif;
	font-size: 25px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 7px;
}
.st-page-404 .main-content{
	text-align: center;
	margin-top: 106px;
	margin-bottom: 168px;
}
.st-page-404 .main-content .title{
	font-family: 'Lato', sans-serif;
	font-size: 194px;
	font-weight: 700;
	color: #948d7b;
	line-height: 200px;
}
.st-page-404 .main-content .oops{
	font-family: 'Raleway', sans-serif;
	font-size: 61px;
	font-weight: 400;
	color: #2e2e2e;
	line-height: 76px;
}
.st-page-404 .main-content .notice{
	color: #727272;
	font-family: 'Lato', sans-serif;
	font-size: 24px;
	font-weight: 300;
	line-height: 36px;
}
.st-page-404 .main-content p{
	margin-bottom: 0;
}
.st-page-404 .main-content p.link{
	line-height: 40px;
	margin-top: 23px;
}
.st-page-404 .main-content .link a{
	color: #2e2e2e;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 400;
	border: 1px solid #727272;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 8px 28px 8px 66px;
	background: url(../images/st_theme/page-404-icon-home.png) no-repeat center left 23px;
}
.st-page-404 .main-content .link a:hover{
	color: #948d7b;
	text-decoration: none;
}
/** Wall Page Portfolio **/
.st-page-portfolio .st-our-portfolio-wall .layout-wall .item .inner{
	margin-right: 20px;
	margin-left: 0;
	margin-bottom: 10px;
}
.st-page-portfolio .st-our-portfolio-wall .layout-wall .item:nth-child(3n+2) .inner{
	margin-right: 10px;
	margin-left: 10px;
}
.st-page-portfolio .st-our-portfolio-wall .layout-wall .item:nth-child(3n+0) .inner{
	margin-right: 0;
	margin-left: 20px;
}

/**  St-PAGE_CONTACT **/
.st-page-contact #avatar-full-2-block .avatar-wrapper{
	width: 100% !important;
}
.st-google-maps{
	
}

/** St-contact-info **/
.st-contact-info,
.st-say-hello{
	margin-top: 19px;
	overflow: hidden;
}
.st-contact-info .st-module-heading,
.st-say-hello .st-module-heading{
	color: #2e2e2e;
	font-weight: 500;
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	line-height: 40px;
	text-transform: uppercase;
	margin-bottom: -3px;
}
.st-contact-info p{
	line-height: 30px;
	color: #727272;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
}
.st-contact-info p a{
	color: #727272;
}
.st-contact-info p b{
	color: #2e2e2e;
}
/** st-say-hello **/
.st-say-hello{
	margin-bottom: 277px;
}
.st-say-hello .introtext{
	color: #727272;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 30px;
}
.st-say-hello .st-contact-form .name,
.st-say-hello .st-contact-form .email{
	width: 48%;
	float: left;
}
.st-say-hello .st-contact-form .name{
	margin-right: 4%;
}
.st-say-hello .st-contact-form .subject,
.st-say-hello .st-contact-form .message{
	width: 100%;
	clear: both;
	float: left;
}
.st-say-hello .st-contact-form .subject{
	margin-top: 9px;
}
.st-say-hello .st-contact-form .message{
	margin-top: 10px;
}

.st-say-hello .st-contact-form .text input[type="text"]{
	height: 40px;
}
.st-say-hello .st-contact-form .text input[type="text"],
.st-say-hello .st-contact-form .message textarea{
	line-height: 20px;
	border: 1px solid #727272;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: none;
	text-shadow: none;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #cecece;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	background: transparent;
	padding-left: 20px;
}
.st-say-hello .st-contact-form .message textarea{
	padding: 8px 0 10px 20px;
}
.st-say-hello .st-contact-form .submit{
	border: 0;
	float: left;
	width: 160px;
	margin-top: 20px;
	text-align: center;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin-bottom: 0;
}
.st-say-hello .st-contact-form .submit input{
	margin: 0px;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 30px;
	padding: 4px 0;
	display: inline-block;
	background: #fff;
	color: #2e2e2e;
	border: 1px solid #727272;
	box-shadow: none;
	text-shadow: none;
	letter-spacing: 2px;
}
.st-say-hello .st-contact-form .submit input:hover{
	background: #948D7B;
	color: #fff;
	border: 1px solid #948d7b;
}
/** PAGE ABOUT US **/
.st-who-are-we .st-module-heading,
.st-our-skills .st-module-heading{
	color: #2e2e2e;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 20px;
	margin-bottom: -4px;
}
.st-who-are-we{
	margin-top: 30px;
	width: 42.75%;
	padding-right: 37px;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}
.st-who-are-we .st-module-content p{
	color: #727272;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	line-height: 30px;
	margin-bottom: 0;
}
.st-who-are-we,
.st-our-skills{
	float: left;
}
.st-our-skills{
	margin-top: 30px;
	width: 57.25%;
}
.st-our-skills .st-module-content p.title{
	color: #727272;
	font-size: 12px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	margin-bottom: 0;
	line-height: 30px;
}
.st-our-skills .st-module-content .poll{
	height: 14px;
	background: #f3f3f3;
	position: relative;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-bottom: 13px;
}
.st-our-skills .st-module-content .poll p.background{
	margin: 0;
	position: absolute;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	top: 0;
	left: 0;
	bottom: 0;
	right: 30%;
	background: #948d7b;
}
.st-our-skills .st-module-content .poll span.skill{
	color: white;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	height: 29px;
	width: 43px;
	padding-top: 2px;
	background: url(../images/st_theme/poll-bg.png) no-repeat top left;
	position: absolute;
	top: -35px;
	right: auto;
	bottom: auto;
	left: 66.5%;
}
.st-our-skills .st-module-content .graphic-design p.background{
	right: 15%;
}
.st-our-skills .st-module-content .graphic-design .poll span.skill{
	left: 81.5%;
}
.st-our-skills .st-module-content .web-design p.background{
	right: 10%;
}
.st-our-skills .st-module-content .web-design .poll span.skill{
	left: 86.5%;
}
.st-our-skills .st-module-content .photography p.background{
	right: 35%;
}
.st-our-skills .st-module-content .photography .poll span.skill{
	left: 61.5%;
}

.st-page-about-us #avatar-full-3-block{
	position: relative;
}
.st-page-about-us #avatar-full-3-block:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../images/st_theme/page-about-us-slider-bg.jpg) no-repeat top left;
	background-size: cover;
	z-index: -3;
}
.st-page-about-us #avatar-full-3-block:before{
	content: '';
	z-index: -2;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.4;
	filter:alpha(opacity=40);
	background: #000;
}
.st-page-about-us-slider{
	text-align: center;
}
.st-page-about-us-slider .st-slider-content .contain .slides .display-none,
.st-page-about-us-slider .st-slider-content .contain .slides .display-block{
	transform: translateY(0px) rotate(0deg);
	-webkit-transform:  translateY(0px) rotate(0deg);
}
.st-page-about-us-slider .st-slider-content .contain .slides .display-none{
	opacity: 0;
	filter: alpha(opacity=0);
}
.st-page-about-us-slider .st-slider-content .contain .slides .display-block{
	opacity: 1;
	filter: alpha(opacity=100);
}
.st-page-about-us-slider .inner .content p{
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	font-weight: 300;
	line-height: 40px;
	max-width: 960px;
	margin: 0 auto;
	margin-top: 34px;
}
.st-page-about-us-slider .inner .title{
	margin-top: 16px;
}
.st-page-about-us-slider .inner .title a{
	color: #fff;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
}
.st-page-about-us-slider .inner .title a:hover{
	text-decoration: none;
	color: #948d7b;
}
.st-page-about-us-slider .st-slider-content .nav{
	position: absolute;
	top: auto;
	right: 0;
	bottom: 112px;
	margin: 0 auto;
	left: 0;
}
.st-page-about-us-slider .st-slider-content .nav span{
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	border: 1px solid #fff;
	background: none;
}
.st-page-about-us-slider  .st-slider-content .nav span.active,
.st-page-about-us-slider  .st-slider-content .nav span:hover{
	background: #fff;
}

/***  ST-PAGE-FEATURES ---- PAGE SHORTCODES  ***/
.st-page-features #avatar-pos-main-body h3.title{
	margin-top: 27px;
	margin-bottom: 7px;
}
.st-page-features #avatar-pos-main-body h3.title,
.st-page-features #avatar-pos-main-body h3.title a{
	text-decoration: none;
	color: #2e2e2e;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 40px;
}
/** Page Alert **/
.st-page-features .main-content{
	margin-bottom: 50px;
}
.alert{
	border-radius: 0;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border: none;
	text-shadow: none;
	box-shadow: none;
	padding: 17px 70px 21px 110px;
	margin-bottom: 30px;
	min-height: 130px;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}
.alert .close{
	font-size: 35px;
	top: 0;
	right: -50px;
}
.alert h3.alert-heading,
.alert h4.alert-heading{
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 40px;
	color: #fff;
	margin-bottom: -8px;
}
.alert div>p,
.alert .alert-content p{
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 30px;
	text-transform: uppercase;
}
.st-page-features .main-content .span6 p{
	margin: 0;
}
.alert.alert-success{
	background: #65df7f url(../images/st_theme/alert-icon.png) no-repeat top 35px left 30px;
}
.alert.alert-error{
	background: #de7b7b url(../images/st_theme/alert-icon.png) no-repeat top -310px left 29px;
}
.alert.alert-warning{
	background: #d7992e url(../images/st_theme/alert-icon.png) no-repeat top -138px left 30px;
}
.alert.alert-info{
	background: #7ba9de url(../images/st_theme/alert-icon.png) no-repeat top -483px left 29px;
}

/** Page Column **/
.yt-show-grid [class*="col-lg"]{
	text-align: left;
	line-height: 30px;
	color: #727272;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: 400;
}
.yt-show-grid p{
	margin-bottom: 0;
}
.yt-show-grid [class*="col-lg"] .title{
	color: #2e2e2e;
	font-size: 20px;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	line-height: 40px;
	margin: 0;
	text-transform: uppercase;
}
/** Page Style List **/
h3.title-style{
	color: #2e2e2e;
	font-size: 20px;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	line-height: 40px;
	margin: 0;
	text-transform: uppercase;
	margin-top: 15px;
}
.st-page-style-list .main-content p{
	margin-bottom: 0;
}
.yt-list.type-check li > span, 
.yt-list.type-arrow li > span, 
.yt-list.type-star li > span, 
.yt-list.type-disc li > span, 
.yt-list.type-circle li > span,
.yt-list.type-square li > span{
	color: #727272;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	line-height: 30px;
}
.main-content  ul.yt-list{
	margin-bottom: 5px;
}

/** Page Heading **/
.st-page-heading .main-content{
	margin-bottom: 80px;
}
.st-heading{
	text-transform: uppercase;
	color: #2e2e2e;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	line-height: 40px;
}
#avatar-pos-main-body h1.st-heading,
h1.st-heading{
	font-size: 50px;
	margin-bottom: 8px;
	margin-top: 40px;
}
h2.st-heading{
	font-size: 40px;
	margin-bottom: 8px;
}
h3.st-heading{
	font-size: 30px;
	margin-bottom: 8px;
}
h4.st-heading{
	font-size: 20px;
	margin-bottom: 8px;
	line-height: 35px;
}
h5.st-heading{
	font-size: 15px;
	margin-bottom: 8px;
	line-height: 30px;
}
h6.st-heading{
	font-size: 12px;
	line-height: 25px;
}
.main-content p{
	color: #727272;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	line-height: 30px;
	margin-bottom: 15px;
}

/** Page button **/
h3.button-heading{
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	line-height: 30px;
	text-transform: uppercase;
	font-size: 20px;
	color: #2e2e2e;
}
.st-page-button .main-content{
	margin-top: 34px;
	margin-bottom: 80px;
}
.st-page-button .main-content .row-fluid{
	padding: 0 200px 0 105px;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	overflow: hidden;
}
.border-buttons a.btn,
.filled-buttons a.btn,
.arrows-buttons a.btn,
.buttons-icon a.btn{
	width: 100%;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	box-shadow: none;
	text-shadow: none;
	border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	-webkit-border-radius: 8px !important;
	background: #fff;
	color: #727272;
	font-weight: 500;
	font-family: 'Raleway', sans-serif;
	line-height: 30px;
	display: inline-block;
	position: relative;
	border: 1px solid #727272;
	text-align: center;
}
a.btn.btn-small{
	font-size: 16px;
	padding: 4px 10px;
	margin-top: 10px;
}
a.btn.btn-medium{
	font-size: 18px;
	padding: 9px 10px;
	margin-top: 5px;
}
a.btn.btn-large{
	font-size: 22px;
	padding: 14px 10px;
}
a.btn.btn-small,
a.btn.btn-medium,
a.btn.btn-large{
	min-width: 272px;
}
.border-buttons a.btn:hover,
.filled-buttons a.btn:hover,
.arrows-buttons a.btn:hover,
.buttons-icon a.btn:hover{
	background: #948D7B;
	border: 1px solid #948d7b;
	color: #fff;
}
.filled-buttons a.btn{
	color: #fff;
	background: #2e2e2e;
	border: 1px solid #2e2e2e;
}
.arrows-buttons a.btn [class*=" fa-"]{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	height: 14px;
	right: 75px;
}
.arrows-buttons a.btn-medium [class*=" fa-"]{
	right: 58px;
	height: 16px;
}
.arrows-buttons  a.btn-large [class*=" fa-"]{
	right: 50px;
	height: 18px;
}
.buttons-icon a.btn [class*=" fa-"]{
	margin-right: 15px;
}
.buttons-icon.filled-buttons{
	margin-top: 15px;
}
/** Page Togglable Tabs **/
.st-page-tabs .main-content{
	margin-bottom: 80px;
}
h3.title-tabs{
	color: #2e2e2e;
	font-weight: 500;
	font-family: 'Raleway', sans-serif;
	line-height: 30px;
	font-size: 20px;
	margin-top: 34px;
}
div.yt-tabs ul.nav-tabs{
	padding: 0;
}
div.yt-tabs ul.nav-tabs li{
	margin-bottom: -2px;
}
div.yt-tabs ul.nav-tabs li a{
	margin-right: 0;
	border: 1px solid #727272;
	border-right: 0;
	background: #fff;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
	line-height: 22px;
	box-shadow: none;
	text-shadow: none;
	color: #b3b3b3;
}
div.yt-tabs ul.nav-tabs li a.active{
	border-bottom: 1px solid #fff;
	color: #727272;
}
div.yt-tabs ul.nav-tabs li a:hover{
	color: #727272;
	text-decoration: none;
}
div.yt-tabs ul.nav-tabs li:last-child a{
	border-right: 1px solid #727272;
	
}
div.yt-tabs.vertical div.tab-content,
div.yt-tabs div.tab-content{
	border: 1px solid #727272;
	color: #727272;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
	line-height: 30px;
	padding: 10px 40px 10px 20px;
}
div.yt-tabs.vertical{
	margin-left: 170px;
}
div.yt-tabs.vertical ul.nav-tabs{
	width: 170px;
	margin-left: -169px;
	margin-top: 43px;
}
div.yt-tabs.vertical ul.nav-tabs li a.active:before{
	display: none;
}
div.yt-tabs.vertical ul.nav-tabs li a{
	background: #fff;
	border: 1px solid #727272;
	float: right;
	line-height: 26px;
	padding: 6px 25px;
	margin-bottom: -1px;
}
div.yt-tabs.vertical ul.nav-tabs li a.active{
	background: #fff;
	border-right: 1px solid #fff;
	color: #727272;
}
h3.title-tabs.vertical{
	margin-top: 24px;
}
/** Page Pricing Plans **/
div.yt-pricing .column.featured .pricing-basic span{
	background: none;
}
div.yt-pricing .column.featured{
	-webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none ;
  background: #fff;
}
div.yt-pricing .column.span4{
	width: 31.6%;
	margin-right: 2.6%;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	border: 1px solid #2e2e2e;
}
div.yt-pricing .column.span4:last-child{
	margin-right: 0;
}
div.yt-pricing .column:nth-child(2n+1){
	background: #fff;
	border: 1px solid #2e2e2e;
}
div.yt-pricing .column .pricing-basic{
	background: #fff;
	box-shadow: none;
	line-height: 55px;
	height: 55px;
	border: 0;
}
div.yt-pricing .column .pricing-basic span{
	color: #948d7b;
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	line-height: 55px;
}
div.yt-pricing .column div.pricing-money{
	box-shadow: none;
	text-shadow: none;
	height: 130px;
	background: #2e2e2e;
	border: 0;
	margin-bottom: 20px;
}
div.yt-pricing .column div.pricing-money h2{
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 70px;
	font-weight: 700;
	line-height: 78px;
	padding: 0;
	text-align: center;
}
div.yt-pricing .column.featured div.pricing-money{
	background: #948d7b;
	border: 0;
}
div.yt-pricing .column div.pricing-money h4{
	text-align: right;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	padding-right: 25px;
	text-transform: lowercase;
}
div.yt-pricing .column .info-pricing{
	color: #727272;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
}
div.yt-pricing .column .pricing-bottom{
	border: 0;
	background: #fff;
	padding: 21px 0 30px 0;
}
div.yt-pricing .column p{
	margin-bottom: 0;
}
div.yt-pricing .column .pricing-bottom a.signup{
	min-width: 110px;
	background: #fff;
	padding: 0;
	border: 1px solid #2e2e2e;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: none;
	text-shadow: none;
	line-height: 40px;
	height: 40px;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}
div.yt-pricing .column .pricing-bottom a.signup:hover{
	color: #fff;
	text-decoration: none;
	background: #948D7B;
	border: 1px solid #948D7B;
}
/** Page Quote **/
.st-page-quotes .main-content{
	margin-top: 29px;
	margin-bottom: 100px;
}
.quote h4.title{
	line-height: 40px;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 20px;
	color: #2e2e2e;
	margin-top: 15px;
}
.quote p{
	margin-bottom: 0;
	color: #727272;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
}
.quote .yt-boxquote{
	background: #e8e8e8;
	color: #a7a7a7;	
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
	font-style: italic;
	padding: 20px 22px 15px 40px;
	border-left: 8px solid;
	margin: 13px 0;
}
.quote.quote-2 .yt-boxquote{
	background: #e8e8e8 url(../images/st_theme/quote-icon.png) no-repeat top 15px left 15px;
	text-indent: 25px;
}
.quote blockquote small{
	color: #727272;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-align: right;
	font-style: normal;
	margin-top: -5px;
}

/** st-have-a-question **/
.st-have-a-question{
	margin-top: 30px;
	margin-bottom: 77px;
}
.st-have-a-question .st-module-heading{
	text-align: center;
	text-decoration: none;
	color: #0e0e0e;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	font-size: 25px;
	line-height: 40px;
}
.st-have-a-question h4.title{
	text-decoration: none;
	color: #0e0e0e;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 35px;
	margin-top: 8px;
}
.st-have-a-question .content{
	color: #727272;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
	margin-bottom: 13px;
}



/** PAGE PORTFOLIO 3COLUMNS **/
.st-portfolio-columns{
	margin-top: 30px;
	margin-bottom: 70px;
}
.st-portfolio-columns .category-wall span{
	text-transform: uppercase;
	color: #0e0e0e;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 23px;
	padding: 10px 18px;
	border: 1px solid #0e0e0e;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 0 50px 6px;
}
.st-portfolio-columns .category-wall span:first-child{
	margin-left: 0;
}
.st-portfolio-columns .category-wall span.current,
.st-portfolio-columns .category-wall span:hover{
	background: #c0b7a0;
	border: 1px solid #c0b7a0;
	color: #fff;
}
.st-portfolio-3columns .layout-wall .item .inner{
	margin: 0 10px 25px 10px;
	padding: 0;
}
.st-portfolio-3columns .layout-wall .item:nth-child(3n+1) .inner{
	margin-left: 0;
	margin-right: 20px;
}
.st-portfolio-3columns .layout-wall .item:nth-child(3n+3) .inner{
	margin-left: 20px;
	margin-right: 0;
}

.st-portfolio-columns .inner .media{
	position: relative;
	overflow: hidden;
}
.st-portfolio-columns .inner .media:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 5px;
	background: #000;
	opacity: 0;
	filter:alpha(opacity=0);
}
.st-portfolio-columns .inner .media:hover:after{
	opacity: 0.8;
	filter:alpha(opacity=80);
}
.st-portfolio-columns .inner .media .links{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	z-index: 10;
	height: 40px;
}
.st-portfolio-columns .inner .media .links>a{
	width: 38px;
	height: 38px;
	border: 1px solid #fff;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-decoration: none;
	margin: 0 6px;
	opacity: 0;
	filter:alpha(opacity=0);
}
.st-portfolio-columns .inner .media:hover .links>a{
	opacity: 1;
	filter:alpha(opacity=100);
}
.st-portfolio-columns .inner .media .links>a:before{
	content: '';
}
.st-portfolio-columns .inner .media .links>a.image{
	background: url(../images/st_theme/portfolio-icon.png) no-repeat top 12px center;
}
.st-portfolio-columns .inner .media .links>a.image:hover{
	background: #fff url(../images/st_theme/portfolio-icon.png) no-repeat top -59px center;
}
.st-portfolio-columns .inner .media .links>a.link{
	background: url(../images/st_theme/portfolio-icon.png) no-repeat top -126px center;
}
.st-portfolio-columns .inner .media .links>a.link:hover{
	background: #fff url(../images/st_theme/portfolio-icon.png) no-repeat top -192px center;
}
/** PAGE PORTFOLIO 4COLUMNS **/
.st-portfolio-4columns {
	margin-left: -15px;
	margin-right: -15px;
}
.st-portfolio-4columns .layout-wall .item .inner{
	margin: 0 15px 25px 15px;
	padding: 0;
}

/** PAGE PORTFOLIO DETAIL **/
.st-page-portfolio-detail .blog-article{
	margin-top: 30px;
}
.st-page-portfolio-detail .blog-article h3.title,
.st-page-portfolio-detail .blog-article .article-info-term{
	color: #2e2e2e;
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	line-height: 30px;
	margin-top: 19px;
}
.st-page-portfolio-detail .blog-article h3.title{
	margin-bottom: 2px;
}
.st-page-portfolio-detail .blog-article .article-info-term{
	margin-bottom: 11px;
}
.st-page-portfolio-detail .blog-article .main-content {
	line-height: 30px;
	font-size: 14px;
	color: #727272;
	font-family: 'Lato', sans-serif;
	margin-right: 30px;
}
.st-page-portfolio-detail .blog-article .main-content p{
	margin-bottom: 28px;
}
.st-page-portfolio-detail .blog-article .article-info dd{
	border-top: 1px solid #e7e7e7;
	line-height: 60px;
	padding-left: 70px;
}
.st-page-portfolio-detail .blog-article .article-info dd.published{
	background: url(../images/st_theme/portfolio-detail-icon.png) no-repeat top 22px left 35px;
	
}
.st-page-portfolio-detail .blog-article .article-info dd.createdby{
	background: url(../images/st_theme/portfolio-detail-icon.png) no-repeat top -49px left 35px;
}
.st-page-portfolio-detail .blog-article .article-info dd.hits{
	background: url(../images/st_theme/portfolio-detail-icon.png) no-repeat top -128px left 35px;
}

/** Related post **/
.st-related-post{
	margin-bottom: 80px;
	margin-top: 18px;
}
.st-related-post .st-module-heading{
	color: #2e2e2e;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 22px;
}
.st-related-post .item{
	position: relative;
}
.st-related-post .item .images a{
	display: block;
	position: relative;
}
.st-related-post .item .images a:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 4px;	
	text-align: center;
	margin: auto;
	background: #000;
	opacity: 0;
	filter: alpha(opacity=0);
}
.st-related-post .item:hover .images a:before{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.st-related-post .item a.icon-view{
	width: 48px;
	height: 30px;
	background: url(../images/st_theme/eye-icon.png) no-repeat top left;
	position: absolute;
	top: 0;
	bottom: auto;
	left: 0;
	right: 0;
	margin: auto;
	opacity: 0;
	filter: alpha(opacity=0);
}
.st-related-post .item:hover a.icon-view{
	opacity: 1;
	filter: alpha(opacity=100);
	top: 109px;
}
.st-related-post .item .link{
	text-align: center;
	position: absolute;
	top: auto;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	opacity: 0;
	filter: alpha(opacity=0);
}
.st-related-post .item:hover .link{
	opacity: 1;
	filter: alpha(opacity=100);
	bottom: 50px;
}
.st-related-post .item .link .title a{
	text-transform: uppercase;
	font-size: 15px;
	font-family: 'Lato', sans-serif;
	color: #fff;
	line-height: 20px;
}
.st-related-post .item .link .title a:hover{
	text-decoration: none;
	color: #948d7b;
}
.st-related-post .item .link .category{
	color: #a7a7a7;
	font-size: 12px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	line-height: 20px;
}

/**** ST-PAGE-HOME-2 ****/
/** St-top-slider-full-width **/

.st-page-home #avatar-full-1-block .avatar-wrapper,
.st-page-home-2 #avatar-full-1-block .avatar-wrapper,
.st-page-home-3 #avatar-full-1-block .avatar-wrapper{
	width: 100% !important;
	overflow: hidden;
}


/** We are metanic home 2 **/
.st-we-are-metanic-home-2{
	text-align: center;
	padding-bottom: 85px;
}
.st-we-are-metanic-home-2 .st-module-heading{
	color: #0e0e0e;
	background: url(../images/st_theme/bg-bottom-we-are-metanic.png) no-repeat bottom center;
	padding: 56px 0 49px 0;
}
.st-we-are-metanic-home-2 .introduce{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 15px;
	color: #727272;
	line-height: 20px;
	margin: 34px 0 58px 0;
	padding: 0 16%;
}
.st-we-are-metanic-home-2 .span3 .image{
	width: 70px;
	height: 70px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	margin: auto;
	font-size: 30px;
	color: #fff;
	position: relative;
}
.st-we-are-metanic-home-2 .span3:hover .image {
	color: #948d7b;
}
.st-we-are-metanic-home-2 .span3 .image{
	box-shadow: 0 0 0 4px #948d7b;
}
.st-we-are-metanic-home-2 .span3 .image:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: -2px;
	left: -2px;
	padding: 2px;
	border-radius: 50%;
	z-index: -1;
	background: #948d7b;
	-webkit-transform: scale(1); 
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.st-we-are-metanic-home-2 .span3:hover .image:after{
	-webkit-transform: scale(1.3); 
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
	filter: alpha(opacity=0);
}
.st-we-are-metanic-home-2 .span3 .image:before{
	position: absolute;
	top: 27px;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
}
.st-we-are-metanic-home-2 .span3 .image.fa-desktop:before{
	top: 27.5px;
}
.st-we-are-metanic-home-2 .span3 .image.fa-cog:before{
	top: 26px;
}
.st-we-are-metanic-home-2 .span3 .image.fa-support:before{
	top: 26px;
}
.st-we-are-metanic-home-2 .span3 h3{
	color: #2e2e2e;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
	margin-top: 7px;
}
.st-we-are-metanic-home-2 .span3 .text{
	line-height: 20px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: #727272;
}
.css3-effect .st-we-are-metanic-home-2 .span3:hover .image,
.css3-effect .st-we-are-metanic-home-2 .span3 .image,
.css3-effect .st-we-are-metanic-home-2 .span3:hover .image:before,
.css3-effect .st-we-are-metanic-home-2 .span3 .image:before,
.css3-effect .st-we-are-metanic-home-2 .span3 .image:after,
.css3-effect .st-we-are-metanic-home-2 .span3:hover .image:before{
	transition: transform 0.5s , opacity 0.5s , color 0.3s;
	-moz-transition: transform 0.5s , opacity 0.5s , color 0.3s;
	-webkit-transition: transform 0.5s , opacity 0.5s , color 0.3s;
	-o-transition: transform 0.5s , opacity 0.5s , color 0.3s;
	-ms-transform: transform 0.5s , opacity 0.5s , color 0.3s;
}
/*** We work hard ***/
.st-page-home-2 #avatar-body-middle-block{
	position: relative;
}
.st-page-home-2  .st-we-work-hard{
	text-align: center;
}
.st-page-home-2  #avatar-main-content{
	position: static;
}
.st-page-home-2 .st-parallax-we-work-hard{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(../images/st_theme/background-we-work-hard.jpg) no-repeat top center fixed;
	background-size: cover;
	z-index: -3;
}
.st-page-home-2 .st-parallax-we-work-hard:before{
	content: '';
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: #151515;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.st-page-hello #avatar-pos-message,
.st-page-home-2 #avatar-pos-message,
.st-page-home-2 #system-message,
.st-page-hello #system-message,
.st-page-home-3 #avatar-pos-message,
.st-page-home-3 #system-message,
.st-page-features #avatar-pos-message,
.st-page-features #system-message,
.st-page-blog #avatar-pos-message,
.st-page-blog #system-message,
.st-page-shop #avatar-pos-message,
.st-page-shop #system-message,
.st-page-home #avatar-pos-message,
.st-page-home #system-message,
.st-page-about-us #avatar-pos-message,
.st-page-about-us #system-message
{
	margin: 0;
}
.st-we-work-hard{
	text-transform: uppercase;
}
.st-we-work-hard .st-module-heading{
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	padding-top: 75px;
}
.st-we-work-hard p.unique{
	color: #948d7b;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 60px;
	line-height: 70px;
	margin: 9px 0 88px 0;
}
.st-we-work-hard .image{
	margin-bottom: 16px;
}
.st-we-work-hard p{
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 99px;
}
/** Photographer **/
.st-photographer .row-fluid>.span3{
	width: 25%;
	margin: 0;
	text-align: center;
}
.st-photographer .image img{
	width: 100%;
}
.st-photographer .row-fluid>.span3 .inner{
	position: relative;
}
.st-photographer .row-fluid>.span3 .inner .image a.modal_fancybox:before{
	content: '';
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 5px;
	opacity: 0;
	filter:alpha(opacity=0);
}
.st-photographer .row-fluid>.span3 .inner:hover .image a.modal_fancybox:before{
	opacity: 0.8;
	filter:alpha(opacity=80);
}
.st-photographer .row-fluid>.span3 .inner .image a.modal_fancybox:after{
	content: '';
	position:absolute;
	width: 48px;
	height: 49px;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	background: url(../images/st_theme/photographi-icon.png) no-repeat top left;
	opacity: 0;
	filter:alpha(opacity=0);
}
.st-photographer .row-fluid>.span3 .inner:hover .image a.modal_fancybox:after{
	top: 40%;
	opacity: 1;
	filter:alpha(opacity=100);
}
.st-photographer .row-fluid>.span3 .inner .title{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	filter:alpha(opacity=0);
}
.st-photographer .row-fluid>.span3 .inner:hover .title{
	opacity: 1;
	filter:alpha(opacity=100);
	bottom: 47px;
}
.st-photographer .row-fluid>.span3 .title,
.st-photographer .row-fluid>.span3 .title a{
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 30px;
}
.st-photographer .row-fluid>.span3 .title a:hover{
	
}
.st-photographer .row-fluid>.span3 .inner .category{
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 14px;
	text-transform: uppercase;
	position: absolute;
	line-height: 30px;
	bottom: 0px;
	left: 0;
	right: 0;
	opacity: 0;
	filter:alpha(opacity=0);
}
.st-photographer .row-fluid>.span3 .inner:hover .category{
	bottom: 25px;
	opacity: 1;
	filter:alpha(opacity=100);
}

/*** St-our-happy-client ***/
.st-our-happy-clients{
	text-align: center;
}
.st-our-happy-clients .st-module-heading {
	color: #0e0e0e;
	background: url(../images/st_theme/bg-bottom-we-are-metanic.png) no-repeat bottom center;
	padding: 67px 0 34px 0;
	font-size: 30px;
}
.st-our-happy-clients p.introduce{
	color: #727272;
	font-size: 14px;
	font-weight: 400;
	margin: 25px 0 46px 0;
	padding: 0 16%;
}

.st-page-home-2 #avatar-user-middle-col-2{
	padding-top: 20px;
	overflow: hidden;
}
/** St-slider-company **/
.st-slider-company{
	background: #efeeeb;
	margin-right: 15px;
	margin-bottom: 100px;
}
.st-slider-company .column-inner .image img{
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	position: absolute;
	bottom: 23px;
	left: 31px;
}
.st-slider-company .column-inner .title{
	position: absolute;
	left: 115px;
	bottom: 44px;
}
.st-slider-company .column-inner .title a{
	color: #2e2e2e;
	font-weight: 700;
	font-size: 14px;
}
.st-slider-company .column-inner .category{
	position: absolute;
	color: #9a9998;
	font-size: 11px;
	font-weight: 300;
	left: 115px;
	bottom: 41px;
}
.st-slider-company .column-inner .content{
	line-height: 25px;
	color: #2e2e2e;
	font-weight: 400;
	font-size: 14px;
	padding: 49px 17px 0 35px;
}
.st-slider-company .sequence-pagination{
	top: 22px;
	bottom: auto;
}
.st-slider-company .sequence-pagination li span{
	width: 5px;
	height: 5px;
	box-shadow: none;
	text-shadow: none;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	background: #909090;
}
.sequence-pagination li.current span:after{
	display: none;
}
.sequence-pagination li.current span{
	background: #333333;
}
/** st-happy-clients **/
.st-happy-clients{
	margin-left: 10px;
	margin-bottom: 100px;
}
.st-happy-clients .span4{
	text-align: center;
	margin-bottom: -5px;
}


/********* HOME VERSION 3 *********/
/** St-newest-metanic **/
.st-newest-metanic{
	text-align: center;
	padding-bottom: 53px;
}
.st-newest-metanic .st-module-heading{
	color: #0e0e0e;
	background: url(../images/st_theme/bg-bottom-we-are-metanic.png) no-repeat bottom center;
	padding: 56px 0 30px 0;
	font-size: 20px;
	letter-spacing: 2px;
}
.st-newest-metanic p.introduce{
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	line-height: 20px;
	color: #727272;
	margin: 25px 0 46px 0;
	padding: 0 16%;
}
.st-newest-metanic .span4 .image{
	padding-bottom: 46px;
	background: url(../images/st_theme/newest-metanic-bg.png) no-repeat bottom 2px center;
}
.st-newest-metanic .span4 .image img{
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 168px;
	height: 168px;
}
.st-newest-metanic .span4 h3.title{
	color: #2e2e2e;
	font-weight: 700;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	line-height: 30px;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.st-newest-metanic .span4 .text{
	font-weight: 400;
	font-size: 12px;
	font-family: 'Lato', sans-serif;
	line-height: 20px;
	color: #727272;
}
/** St-we-create-visuals **/
.st-page-home-3 #avatar-full-5-block{
	background: #f1f1f1;
}
.st-page-home-3 #avatar-full-5-block .avatar-wrapper{
	width: 100%;
}
.st-we-create-visuals{
	text-align: center;
}
.st-we-create-visuals .st-module-heading{
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	color: #0e0e0e;
	background: url(../images/st_theme/bg-bottom-we-are-metanic.png) no-repeat bottom center;
	padding: 69px 0 31px 0;
	font-size: 20px;
	letter-spacing: 2px;
}
.st-we-create-visuals .category-wall{
	margin-top: 50px;
}
.st-we-create-visuals .category-wall span{
	text-transform: uppercase;
	color: #0e0e0e;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 23px;
	padding: 10px 18px;
	border: 1px solid #0e0e0e;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 0 30px 6px;
}
.st-we-create-visuals .category-wall span:first-child{
	margin-left: 0;
}
.st-we-create-visuals .category-wall span.current,
.st-we-create-visuals .category-wall span:hover{
	background: #c0b7a0;
	border: 1px solid #c0b7a0;
	color: #fff;
}
.st-we-create-visuals .layout-wall .item .inner{
	margin: 0;
	padding: 0;
	position: relative;
	margin-bottom: -5px;
}
.st-we-create-visuals .layout-wall .item .inner .media:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 5px;
	left: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}
.st-we-create-visuals .layout-wall .item .inner:hover .media:after{
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.st-we-create-visuals .layout-wall .item .inner .fa-link{
	display: none;
}
.st-we-create-visuals .layout-wall .item .inner .fa-picture-o{
	position: absolute;
	width: 48px;
	height: 49px;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: url(../images/st_theme/photographi-icon.png) no-repeat top left;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
}
.st-we-create-visuals .layout-wall .item .inner:hover .fa-picture-o{
	top: 40%;
	opacity: 1;
	filter: alpha(opacity=100);
}
.st-we-create-visuals .layout-wall .item .inner .fa-picture-o:before{
	display: none;
}
.st-we-create-visuals .layout-wall .item .inner .title{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}
.st-we-create-visuals .layout-wall .item .inner:hover .title{
	bottom: 42px;
	opacity: 1;
	filter: alpha(opacity=100);
}
.st-we-create-visuals .layout-wall .item .inner .title a{
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 30px;
}
.st-we-create-visuals .layout-wall .item .inner .category{
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 14px;
	text-transform: uppercase;
	position: absolute;
	line-height: 30px;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}
.st-we-create-visuals .layout-wall .item .inner:hover .category{
	opacity: 1;
	filter: alpha(opacity=100);
	bottom: 25px;
}
.st-page-home-3 #avatar-full-2-block {
	background: #f2f2f2;
}

/** st-straight-from-the-blog **/
.st-straight-from-the-blog{
	padding-bottom: 66px;
}
.st-straight-from-the-blog .st-module-heading{
	color: #0e0e0e;
	background: url(../images/st_theme/bg-bottom-we-are-metanic.png) no-repeat bottom center;
	padding: 68px 0 30px 0;
	font-size: 20px;
	letter-spacing: 2px;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 50px;
}
.st-straight-from-the-blog .contents .title{
	line-height: 30px;
	margin-top: 7px;
}
.st-straight-from-the-blog .contents .title a{
	color: #2e2e2e;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 30px;
	text-decoration: none;
}
.st-straight-from-the-blog .contents .title a:hover{
	color: #948d7b;
}
.st-straight-from-the-blog .contents .date{
	color: #727272;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	margin: 4px 0 10px 0;
}
.st-straight-from-the-blog .contents .content{
	color: #727272;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}
.st-straight-from-the-blog .contents .inner .image{
	position: relative;
}
.st-straight-from-the-blog .inner .image .modal_fancybox:before{
	position: absolute;
	content: '';
	background: #948d7b;
	top: 0;
	right: 0;
	left: 0;
	bottom: 5px;
	opacity: 0;
	filter:alpha(opacity=0);
}
.st-straight-from-the-blog .inner .image:hover .modal_fancybox:before{
	opacity: 0.8;
	filter:alpha(opacity=80);
}
.st-straight-from-the-blog .inner .image .modal_fancybox:after{
	position: absolute;
	content: '';
	width: 18px;
	height: 18px;
	margin: auto;
	background: url(../images/st_theme/straight-icon.png) no-repeat top left;
	top: 0;
	right: 0;
	left: 0;
	bottom: 5px;
	opacity: 0;
	filter:alpha(opacity=0);
	
	transform: translate(0, -100px);
	-webkit-transform: translate(0, -100px);
	-moz-transform: translate(0, -100px);
	-o-transform: translate(0, -100px);
	-ms-transform: translate(0, -100px);
}
.st-straight-from-the-blog .inner .image:hover .modal_fancybox:after{
	opacity: 1;
	filter:alpha(opacity=100);
	bottom: 5px;
	transform: translate(0, 0px);
	-webkit-transform: translate(0, 0px);
	-moz-transform: translate(0, 0px);
	-o-transform: translate(0, 0px);
	-ms-transform: translate(0, 0px);
}
/** St slider home 3 **/
.st-slider-home-3{
	padding-top: 80px;
	padding-bottom: 37px;
}
.st-slider-home-3 .column-inner .image{
	float: left;
	margin-right: 33px;
}
.st-slider-home-3 .column-inner .title{
	line-height: 40px;
	padding-top: 24px;
}
.st-slider-home-3 .column-inner .title a{
	font-family: 'Raleway', sans-serif;
	font-size: 30px;
	font-weight: 500;
	color: #2e2e2e;
	text-decoration: none;
	line-height: 40px;
}
.st-slider-home-3 .column-inner .content{
	color: #727272;
	font-size: 16px;
	font-weight: 700;
	font-family: 'Lato', sans-serif;
	line-height: 30px;
	margin-bottom: 31px;
}
.st-slider-home-3 .column-inner a.readmore{
	color: #727272;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
	border: 1px solid #2e2e2e;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px 15px;
	line-height: 20px;
	text-decoration: none;
}
.st-slider-home-3 .column-inner a.readmore:hover{
	color: #fff;
	background: #948d7b;
	border: 1px solid #948d7b;
}
.st-slider-home-3 .sequence-pagination{
	bottom: 39px;
	left: 50%;
}
.st-slider-home-3 .sequence-pagination li span{
	width: 5px;
	height: 5px;
	border: 1px solid #757575;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	background: #f2f2f2;
}
.st-slider-home-3 .sequence-pagination li.current span{
	background: #948d7b;
	border: 1px solid #948d7b;
}
/** What our users say **/
.st-page-home-3 #avatar-full-3-block{
	position: relative;
	background-image: url(../images/st_theme/bg-user-say.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
}
.st-what-our-users-say{
	text-align: center;
}
.st-what-our-users-say .st-module-heading{
	color: #fff;
	background: url(../images/st_theme/bg-bottom-welcome-metanic.png) no-repeat bottom center;
	padding: 48px 0 32px 0;
	font-size: 20px;
	letter-spacing: 2px;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 10px;
}
.st-what-our-users-say .ls-thumbnail-wrapper{
	position: absolute;
	bottom: 68px;
	z-index: 50;
}
.st-what-our-users-say .ls-v5 .ls-thumbnail{
	top: 0;
}
.st-what-our-users-say .ls-v5 .ls-thumbnail-inner{
	background: transparent;
}


/**  St responsive design  **/
.st-responsive-design{
	padding-bottom: 65px;
}
.st-responsive-design h4.title{
	font-size: 18px;
	font-weight: 500;
	color: #2b2b2b;
	font-family: 'Raleway', sans-serif;
	line-height: 30px;
	padding-left: 35px;
	margin: 0 0 10px 0;
}
.st-responsive-design .span4:hover{
	box-shadow: 0 0 5px 1px #948d7b;
	background: #fff;
}
.st-responsive-design .responsive h4.title{
	background: url(../images/st_theme/responsive-icon.png) no-repeat top 3px left;
}
.st-responsive-design .clean h4.title{
	background: url(../images/st_theme/responsive-icon.png) no-repeat top -116px left;
}
.st-responsive-design .easy h4.title{
	background: url(../images/st_theme/responsive-icon.png) no-repeat top -238px left;
}
.st-responsive-design .hikashop h4.title{
	background: url(../images/st_theme/responsive-icon.png) no-repeat top -367px left;
}
.st-responsive-design .great h4.title{
	background: url(../images/st_theme/responsive-icon.png) no-repeat top -502px left;
}
.st-responsive-design .call h4.title{
	background: url(../images/st_theme/responsive-icon.png) no-repeat top -631px left;
}
.st-responsive-design .content{
	color: #727272;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
	line-height: 20px;
	margin-bottom: 26px;
}

/**Modules st-cart-header**/
.st-cart-header{
	float: right;
	margin: 0 18px ;
}
.st-cart-header .st-module-heading{
	margin-right: 3px;
}
.st-cart-header .st-module-heading,
.st-cart-header .st-module-content{
	float: left;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	padding: 20px 0;
	color: #fff;
}
.st-cart-header:hover .st-module-heading,
.st-cart-header:hover .st-module-content{
	color: #fff;	
}
.st-cart-header .hikashop_small_cart_checkout_link .hikashop_small_cart_total_title,
.st-cart-header .hikashop_small_cart_checkout_link{
	color: #fff;
	font-weight: 300;
	height: 20px;
}
.st-cart-header .hikashop_small_cart_checkout_link .hikashop_small_cart_total_title:hover,
.st-cart-header .hikashop_small_cart_checkout_link:hover{
	color: #fff;
	text-decoration: none;
}
.st-cart-header #hikashop_cart .hikashop_product_price_full .hikashop_product_price{
	color: #fff;
	font-size: 14px;
	margin-left: 0;
}
/** Modules st-login-header **/
.st-login-header{
	float: right;
}
.st-login-header .login_modal{
	line-height: 20px;
	padding: 20px 0;
	display: block;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	padding: 20px 0;
	color: #6f6f6f;
}
.st-login-header .login_modal:hover{
	color: #fff;
}
#data_login{
	padding: 13px 205px 70px 20px;
}
#data_login h4.title{
	font-weight: 400;
	font-family: 'Raleway', sans-serif;
	font-size: 25px;
	line-height: 40px;
	color: #2e2e2e;
	margin-bottom: 6px;
}
#data_login p.login{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 20px;
	color: #2e2e2e;
	margin-bottom: 24px;
}
#data_login input#modlgn-username,#data_login input#modlgn-passwd{
	text-align: center;
	width: 265px;
	height: 35px;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	border: 1px solid #eaeaea;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 23px;
	padding: 5px auto;
	color: #2e2e2e;
	border-radius: 0;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	text-shadow: none;
	box-shadow: none;
	margin-bottom: 10px;
}
#data_login ::-webkit-input-placeholder {
  color: #2e2e2e;
}
#data_login :-moz-placeholder { 
   color: #2e2e2e; 
}
#data_login ::-moz-placeholder { 
   color: #2e2e2e;
}
#data_login :-ms-input-placeholder {  
   color: #2e2e2e; 
}
#data_login #form-login-remember{
	line-height: 30px;
}
#data_login #form-login-remember label{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #2e2e2e;
	line-height: 30px;
}
#data_login #form-login-remember input{
	background: #d1d1d1;
	border-radius: 0;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	margin: 0;
}
#data_login #form-login-submit button{
	background: #948d7b;
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
	color: #fff ;
	font-weight: 400;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	line-height: 20px;
	padding: 4px 0;
	text-align: center;
	margin: 0;
	width: 118px;
	margin-top: 12px;
	margin-bottom: 16px;
}
#data_login #form-login-submit button:hover{
	background: #202020;
}
#data_login .unstyled li a{
	color: #909090;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
}
.st-login-header .login-greeting,
.st-login-header .logout-button{
	float: left;
	padding: 20px 0;
	line-height: 20px;
	max-height: 60px;
}
.st-login-header .logout-button{
	padding: 19px 0;
}
.st-login-header .login-greeting{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #6f6f6f;
	margin-right: 5px;
}
.st-login-header .login-greeting span{
	font-weight: 700;
}
.st-login-header .logout-button .btn{
	background: #948d7b;
	color: #fff;
	line-height: 20px;
	height: 20px;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	padding: 0;
	width: 60px;
	text-align: center;
	border: 0;
	text-shadow: none;
	box-shadow: none;
}
.st-login-header .logout-button .btn:hover{
	background: #202020;
}

/**** Page Home Version 1 ****/
/** Module st-banner-top-home-1 **/
.st-banner-top-home-1{
	padding: 70px 0 40px 0;
	position: relative;
}
.st-banner-top-home-1:before{
	content: '';
	position: absolute;
	top: 30px;
	right: 0;
	bottom: auto;
	left: 0;
	height: 40px;
	text-align: center;
	background: url(../images/st_theme/bg-bottom-we-are-metanic.png) no-repeat top center;
}
.st-banner-top-home-1:after{
	content: '';
	position: absolute;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	height: 26px;
	text-align: center;
	background: url(../images/st_theme/bg-bottom-we-are-metanic.png) no-repeat top center;
}
.st-banner-top-home-1 .span4:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.st-banner-top-home-1 .span4{
	opacity: 1;
	filter: alpha(opacity=100);
}
/** Module Best Seller **/
.st-best-seller{
	padding-top: 31px;
	margin-top: 0;
	overflow: hidden;
}
.st-best-seller .st-module-heading{
	color: #0e0e0e;
	font-weight: 700;
	font-family: 'Raleway', sans-serif;
	font-size: 25px;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 9px;
}
.st-best-seller .st-content-showcase-carousel .caroufredsel_wrapper{
	cursor: default !important;
}
.st-best-seller .st-content-showcase-carousel.nav-top{
	padding-top: 0;
}
.st-best-seller .st-content-showcase-carousel .contain .item .inner{
	position: relative;
	cursor: default;
	text-align: center;
	margin: 0 auto;
}
.st-best-seller .st-content-showcase-carousel .contain .item .inner .media{
	padding: 0;
	background: transparent;
}
.st-best-seller .st-content-showcase-carousel .contain .item .inner{
	margin: 0;
}
.st-best-seller .st-content-showcase-carousel .contain .item{
	width: 270px !important;
	padding-right: 30px;
}
.st-best-seller .st-content-showcase-carousel .contain .item .inner{
	width: 270px;
}
.st-best-seller .st-content-showcase-carousel .contain .item .inner .media img{
	width: 270px;
	height: 370px;
}
.st-best-seller .st-content-showcase-carousel .contain .item .inner .media .links a.link,
.st-best-seller .st-content-showcase-carousel .contain .item .inner .media:hover .links a.link{
	border: 0;
	background: rgba(14, 14, 14, 0);
	top: 0;
	left: 0;
	bottom: 5px;
	right: 0;
	width: auto;
	height: auto;
}
.st-best-seller .st-content-showcase-carousel .contain .item .inner:hover .media .links a.link{
	background: rgba(14, 14, 14, 0.6);
}
.st-best-seller .st-content-showcase-carousel .contain .item .inner>form{
	background: transparent;
	position: absolute;
	top: 170px;
	right: 0;
	left: 0;
	overflow: hidden;
	height: 30px;
	margin: auto !important;
}
.st-best-seller .st-content-showcase-carousel .contain .item .inner>form a.hikashop_cart_button{
	color: #fff !important;
	font-weight: 500;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 30px;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-shadow: none;
	box-shadow: none;
	background: #948d7b url(../images/st_theme/icon-search-add-to-cart.png) no-repeat center center;
	text-align: center;
	position: absolute;
	margin: auto;
	width: 30px;
	left: 0;
	right: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	text-indent: -999px;
}
.st-best-seller .st-content-showcase-carousel .contain .item .inner form a.hikashop_cart_button:hover{
	background: #0e0e0e;
	width: 155px;
	text-indent: 0;
}
.st-best-seller .st-content-showcase-carousel .contain .item .inner:hover>form a.hikashop_cart_button{
	opacity: 1;
	filter: alpha(opacity=100);
}
.st-best-seller .st-content-showcase-carousel .contain .item .inner .info .title{
	line-height: 30px;
	margin: 4px 0 -4px 0;
}
.st-best-seller .st-content-showcase-carousel .contain .item .inner .info .title a{
	font-family: 'Raleway', sans-serif;
	color: #2e2e2e;
	font-weight: 500;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 30px;
}
.st-best-seller .st-content-showcase-carousel .contain .item .inner .info .title a:hover{
	color: #948d7b;
}
.st-best-seller .st-content-showcase-carousel .contain .item .inner .price{
	color: #2e2e2e;
	font-size: 16px;
	font-weight: 700;
	font-family: 'Lato', sans-serif;
	line-height: 20px;
	font-style: normal;
}
.st-best-seller .st-content-showcase-carousel .nav{
	width: auto;
}
.st-best-seller  .st-content-showcase-carousel .nav > div.prev,
.st-best-seller  .st-content-showcase-carousel .nav > div.next{
	width: 30px;
	height: 30px;
	border: 1px solid #948d7b;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	top: -52px;
	position: absolute;
}
.st-best-seller  .st-content-showcase-carousel .nav > div.prev{
	background: url(../images/st_theme/slider-home1-icon-prev.png) no-repeat top -28px left 11px;
	right: 40px;
	left: auto;
}
.st-best-seller  .st-content-showcase-carousel .nav > div.next{
	background: url(../images/st_theme/slider-home1-icon-next.png) no-repeat top -27px right 11px;
	right: 0;
}
.st-best-seller  .st-content-showcase-carousel .nav > div.prev:hover{
	background-position: top 9.5px left 11px;
	border: 1px solid #bcbcbc;
}
.st-best-seller  .st-content-showcase-carousel .nav > div.next:hover{
	background-position: top 9.5px right 11px;
	border: 1px solid #bcbcbc;
}
/*** Module st-new-arrivals ***/
.st-new-arrivals{
	padding-top: 52px;
}

/** module st-banner-bottom-home-1 **/
.st-banner-bottom-home-1{
	padding: 62px 0 52px 0;
	background: url(../images/st_theme/bg-bottom-we-are-metanic.png) no-repeat top center;
}

/** Module st-free-shipping **/
.st-page-home #avatar-full-2-block{
	background: #232323;
}
.st-free-shipping{
	padding: 57px 0 39px 0;
}
.st-free-shipping p.free-shipping{
	color: #fff;
	font-size: 35px;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
	margin: 0;
	line-height: 40px;
}
.st-free-shipping p.text{
	font-weight: 400;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	line-height: 35px;
	color: #a3a3a3;
}
.st-free-shipping a.link{
	display: inline-block;
	color: #FFFFFF;
	font-weight: 300;
	font-family: 'Lato', sans-serif;
	float: right;
	height: 45px;
	line-height: 45px;
	border: 1px solid #fff;
	border-radius: 8px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 8px;
	font-size: 20px;
	padding: 0 23px;
	text-decoration: none;
	margin-top: 14px;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.st-free-shipping a.link:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}

/*** Page Home Verion ***/
/** module st-choose-your-demo **/
.st-choose-your-demo{
	text-align: center;
	padding: 109px 0 0 0;
}
.st-choose-your-demo .st-module-heading{
	color: #C0B7A0;
	font-size: 40px;
	font-weight: 600;
	line-height: 50px;
	font-family: 'Raleway', sans-serif;
}
.st-choose-your-demo p.introduce{
	color: #727272;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	line-height: 30px;
	padding: 0 21%;
	margin: 9px 0 60px 0;
}
.st-choose-your-demo .content .span4{
	position: relative;
	padding-bottom: 62px;
}
.st-choose-your-demo .content .bg-image{
	z-index: 10;
	position: absolute;
	top: 13px;
	left: 0;
	right: 0;
	margin: auto;
	bottom: auto;
	width: 280px;
	height: 176px;
	background-size: cover;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.st-choose-your-demo .content h3.title{
	font-size: 25px;
	font-weight: 600;
	line-height: 30px;
	font-family: 'Raleway', sans-serif;
	color: #2b2b2b;
	text-transform: uppercase;
	margin-top: 9px;
}
.st-choose-your-demo .content p.note{
	color: #2b2b2b;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 20px;
}
.st-choose-your-demo .content a.view-demo{
	font-weight: 400;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 30px;
	background: #2b2b2b;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	padding: 0 14px;
	margin-top: 12px;
}
.st-choose-your-demo .content a.view-demo:hover{
	background: #948d7b;
}
.st-choose-your-demo .content .home-hello .bg-image{
	background-image: url(../images/st_theme/bg-home-hello.jpg) ;
}
.st-choose-your-demo .content .home-hello-video .bg-image{
	background-image: url(../images/st_theme/bg-home-hello.jpg) ;
}
.st-choose-your-demo .content .home-version-1 .bg-image{
	background-image: url(../images/st_theme/bg-home-version-1.png) ;
}
.st-choose-your-demo .content .home-version-2 .bg-image{
	background-image: url(../images/st_theme/bg-home-version-2.png) ;
}
.st-choose-your-demo .content .home-version-3 .bg-image{
	background-image: url(../images/st_theme/bg-home-version-3.png) ;
}
.st-choose-your-demo .content .bg-image:hover{
	background-position: bottom left;
}
.css3-effect .st-choose-your-demo .content .bg-image,
.css3-effect .st-choose-your-demo .content .bg-image:hover{	
	transition: background-position 6s;
	-moz-transition: background-position 6s;
	-webkit-transition: background-position 6s;
	-o-transition: background-position 6s;
	-ms-transform: background-position 6s;
}
.css3-effect .st-choose-your-demo .content .home-version-1 .bg-image,
.css3-effect .st-choose-your-demo .content .home-version-2 .bg-image,
.css3-effect .st-choose-your-demo .content .home-version-3 .bg-image,
.css3-effect .st-choose-your-demo .content .home-version-1 .bg-image:hover,
.css3-effect .st-choose-your-demo .content .home-version-2 .bg-image:hover,
.css3-effect .st-choose-your-demo .content .home-version-3 .bg-image:hover{
	transition: background-position 2s;
	-moz-transition: background-position 2s;
	-webkit-transition: background-position 2s;
	-o-transition: background-position 2s;
	-ms-transform: background-position 2s;
}


/*******  CSS3 EFFECT  ******/
.css3-effect .st-choose-your-demo .content a.view-demo,
.css3-effect .st-choose-your-demo .content a.view-demo:hover,
.css3-effect .st-newest-metanic .span4 .image img,
.css3-effect .st-newest-metanic .span4:hover .image img ,
.css3-effect .st-our-services-slider .service-content .image,
.css3-effect .st-our-services-slider .service-content .image:hover,
.css3-effect .st-our-services-slider .service-content .image:hover:before,
.css3-effect .st-our-services-slider .service-content .image:before,
.css3-effect .st-responsive-design .span4,
.css3-effect .st-responsive-design .span4:hover{
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transform: all 0.3s;
}
.css3-effect .st-newest-metanic .span4:hover .image img {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.css3-effect .st-we-work-hard .row-fluid:hover .span3{
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.css3-effect .st-we-work-hard .row-fluid:hover .span3:hover{
	opacity: 1;
	filter: alpha(opacity=100);	
}
/** main-menu **/
.css3-effect .st-main-menu ul.st-mega-menu li>.st-mega-menu-row li a, 
.css3-effect .st-main-menu ul.st-mega-menu li>.st-mega-menu-row li span{
	transition: border 0s;
	-moz-transition: border 0s;
	-webkit-transition: border 0s;
	-o-transition: border 0s;
	-ms-transform: border 0s;
}
.css3-effect .st-main-menu ul.st-mega-menu li>.st-mega-menu-row,
.css3-effect .st-main-menu ul.st-mega-menu li:hover>.st-mega-menu-row{
	transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	-ms-transform: opacity 0.3s;
}
.css3-effect .st-related-post .item .images a:before,
.css3-effect .st-related-post .item:hover .images a:before,
.css3-effect .st-we-work-hard .row-fluid .span3,
.css3-effect .st-we-work-hard .row-fluid .span3:hover,
.css3-effect .st-we-work-hard .row-fluid:hover .span3,
.css3-effect .st-we-work-hard .row-fluid:hover .span3:hover,
.css3-effect .hikashop_products .hikashop_subcontainer  form a.hikashop_cart_button,
.css3-effect .hikashop_products .hikashop_subcontainer  form a.hikashop_cart_button:hover,
.css3-effect .hikashop_products .hikashop_subcontainer  form:hover a.hikashop_cart_button,
.css3-effect .hikashop_subcontainer .hikashop_product_image .hikashop_product_image_subdiv a:before,
.css3-effect .hikashop_subcontainer:hover .hikashop_product_image .hikashop_product_image_subdiv a:before
.css3-effect .st-related-post .item:before,
.css3-effect .st-related-post .item:hover:before,
.css3-effect .st-related-post .item a.icon-view,
.css3-effect .st-related-post .item:hover a.icon-view,
.css3-effect .st-related-post .item .link,
.css3-effect .st-related-post .item:hover .link,
.css3-effect .st-portfolio-columns .inner .media:after,
.css3-effect .st-portfolio-columns .inner .media:hover:after,
.css3-effect .st-portfolio-columns .inner .media .links>a,
.css3-effect .st-portfolio-columns .inner .media:hover .links>a,
.css3-effect .st-portfolio-columns .inner .media .links>a,
.css3-effect .st-portfolio-columns .inner .media:hover .links>a,
.css3-effect .st-straight-from-the-blog .inner .image:hover .modal_fancybox:before,
.css3-effect .st-straight-from-the-blog .inner .image .modal_fancybox:before,
.css3-effect .st-straight-from-the-blog .inner .image:hover .modal_fancybox:after,
.css3-effect .st-straight-from-the-blog .inner .image .modal_fancybox:after,
.css3-effect .st-best-seller .st-content-showcase-carousel .contain .item .inner form a.hikashop_cart_button,
.css3-effect .st-best-seller .st-content-showcase-carousel .contain .item .inner:hover form a.hikashop_cart_button,
.css3-effect .st-best-seller .st-content-showcase-carousel .contain .item .inner form a.hikashop_cart_button:hover,
.css3-effect .st-best-seller .st-content-showcase-carousel .contain .item .inner .media .links a.link,
.css3-effect .st-best-seller .st-content-showcase-carousel .contain .item .inner:hover .media .links a.link,
.css3-effect .st-meet-our-team-slider .st-content-showcase-carousel .inner:hover .social,
.css3-effect .st-meet-our-team-slider .st-content-showcase-carousel .contain .item .inner .media .links a.link,
.css3-effect .st-meet-our-team-slider .st-content-showcase-carousel .contain .item .inner .media:hover .links a.link,
.css3-effect .st-meet-our-team-slider .st-content-showcase-carousel .contain .item .inner:hover .media .links a.link, 
.css3-effect .st-meet-our-team-slider .st-content-showcase-carousel .contain .item .inner:hover .media:hover .links a.link{
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transform: all 0.5s;
}
.css3-effect .st-portfolio-columns .inner .media .links>a.image{
	transform: translate(-200px, 0);
	-webkit-transform: translate(-200px, 0);
	-moz-transform: translate(-200px, 0);
	-o-transform: translate(-200px, 0);
	-ms-transform: translate(-200px, 0);
}
.css3-effect .st-portfolio-columns .inner .media:hover .links>a.image{
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
}
.css3-effect .st-portfolio-columns .inner .media .links>a.link{
	transform: translate(200px, 0);
	-webkit-transform: translate(200px, 0);
	-moz-transform: translate(200px, 0);
	-o-transform: translate(200px, 0);
	-ms-transform: translate(200px, 0);
}
.css3-effect .st-portfolio-columns .inner .media:hover .links>a.link{
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
}

.css3-effect .st-main-menu ul.st-mega-menu>li:hover>span,
.css3-effect .st-main-menu ul.st-mega-menu>li>span,
.css3-effect .st-main-menu ul.st-mega-menu>li>span:hover,
.css3-effect a, .css3-effect a:hover,
.css3-effect .category-wall span, .css3-effect .category-wall span:hover,
.css3-effect .st-login-header .logout-button .btn,
.css3-effect .st-login-header .logout-button .btn:hover,
.css3-effect #data_login #form-login-submit button,.css3-effect #data_login #form-login-submit button:hover,
.css3-effect .st-cart-header:hover .st-module-heading,
.css3-effect .st-cart-header:hover .st-module-content,
.css3-effect .st-cart-header .st-module-heading,
.css3-effect .st-cart-header .st-module-content,
.css3-effect .login .well .btn.btn-primary,
.css3-effect .login .well .btn.btn-primary:hover,
.css3-effect .reset .form-actions .btn.btn-primary,
.css3-effect .reset .form-actions .btn.btn-primary:hover,
.css3-effect .remind .form-actions .btn.btn-primary,
.css3-effect .remind .form-actions .btn.btn-primary:hover,
.css3-effect .hikashop_user_registration_page .control-group .btn.btn-primary,
.css3-effect .hikashop_user_registration_page .control-group .btn.btn-primary:hover,
.css3-effect .st-say-hello .st-contact-form .submit input,
.css3-effect .st-say-hello .st-contact-form .submit input:hover,
.css3-effect .st-photographer .row-fluid>.span3 .inner .image a.modal_fancybox:after,
.css3-effect .st-photographer .row-fluid>.span3 .inner:hover .image a.modal_fancybox:after,
.css3-effect .st-photographer .row-fluid>.span3 .inner:hover .image a.modal_fancybox:before,
.css3-effect .st-photographer .row-fluid>.span3 .inner .image a.modal_fancybox:before,
.css3-effect .st-photographer .row-fluid>.span3 .inner .title,
.css3-effect .st-photographer .row-fluid>.span3 .inner:hover .title,
.css3-effect .st-photographer .row-fluid>.span3 .inner .category,
.css3-effect .st-photographer .row-fluid>.span3 .inner:hover .category,
.css3-effect .st-straight-from-the-blog .inner .image .modal_fancybox:before,
.css3-effect .st-straight-from-the-blog .inner .image:hover .modal_fancybox:before,
.css3-effect .st-straight-from-the-blog .inner .image .modal_fancybox:before,
.css3-effect .st-straight-from-the-blog .inner .image .modal_fancybox:after,
.css3-effect .st-straight-from-the-blog .inner .image:hover .modal_fancybox:after,
.css3-effect .st-we-create-visuals .layout-wall .item .inner .media:after,
.css3-effect .st-we-create-visuals .layout-wall .item .inner:hover .media:after,
.css3-effect .st-we-create-visuals .layout-wall .item .inner .fa-picture-o,
.css3-effect .st-we-create-visuals .layout-wall .item .inner:hover .fa-picture-o,
.css3-effect .st-we-create-visuals .layout-wall .item .inner .title,
.css3-effect .st-we-create-visuals .layout-wall .item .inner:hover .title,
.css3-effect .st-we-create-visuals .layout-wall .item .inner .category,
.css3-effect .st-we-create-visuals .layout-wall .item .inner:hover .category,
.css3-effect .st-our-services-slider .span3 .image,
.css3-effect .st-our-services-slider .span3 .image:hover,
.css3-effect .st-meet-our-team-slider .column .column-inner .image:after,
.css3-effect .st-meet-our-team-slider .column .column-inner:hover .image:after,
.css3-effect .st-meet-our-team-slider .column .column-inner .content .social,
.css3-effect .st-meet-our-team-slider .column .column-inner:hover .content .social,
.css3-effect .st-our-portfolio-wall .inner .media .image:after,
.css3-effect .st-our-portfolio-wall .inner .media .image:hover:after,
.css3-effect .st-our-portfolio-wall .inner .media .image:before,
.css3-effect .st-our-portfolio-wall .inner .media .image:hover:before,
.css3-effect #avatar-header-inside-block,
.css3-effect #avatar-header-inside-block.scroll-down,
.css3-effect #avatar-header-inside-block .st-logo-small,
.css3-effect #avatar-header-inside-block.scroll-down .st-logo-small,
.css3-effect #avatar-header-inside-block .st-main-menu ul.st-mega-menu>li,
.css3-effect #avatar-header-inside-block.scroll-down .st-main-menu ul.st-mega-menu>li,
.css3-effect #hikashop_checkout_login a.hikashop_cart_button,
.css3-effect #hikashop_checkout_login a.hikashop_cart_button:hover,
.css3-effect #avatar-header-inside-block .st-logo-small a,
.css3-effect #avatar-header-inside-block.scroll-down .st-logo-small a ,
.css3-effect #avatar-header-inside-block .st-logo-small a img,
.css3-effect #avatar-header-inside-block.scroll-down .st-logo-small a img,
.css3-effect .st-form-contact .st-contact-form p.submit,
.css3-effect .st-form-contact .st-contact-form p.submit:hover,
.css3-effect.st-page-hello .st-welcome-metanic .view-portfolio,
.css3-effect.st-page-hello .st-welcome-metanic .view-portfolio:hover,
.css3-effect div.yt-pricing .column .pricing-bottom a.signup:hover,
.css3-effect div.yt-pricing .column .pricing-bottom a.signup:hover ,
.css3-effect .st-banner-top-home-1 .span4,
.css3-effect .st-banner-top-home-1 .span4:hover{
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transform: all 0.3s;
}
.css3-effect .st-form-contact .st-contact-form p.submit:hover,
.css3-effect.st-page-hello .st-welcome-metanic .view-portfolio:hover{
	border: 2px solid transparent;
}

/** css3 for st-module-heading **/
.css3-effect.st-page-hello .st-we-are-metanic.avatar-scroll-disappear .st-module-heading,
.css3-effect.st-page-hello .st-we-are-metanic .st-module-heading,
.css3-effect.st-page-hello .st-our-service.avatar-scroll-disappear .st-module-heading,
.css3-effect.st-page-hello .st-our-service .st-module-heading,
.css3-effect.st-page-hello .st-meet-our-team.avatar-scroll-disappear .st-module-heading,
.css3-effect.st-page-hello .st-meet-our-team .st-module-heading,
.css3-effect.st-page-hello .st-our-portfolio.avatar-scroll-disappear .st-module-heading,
.css3-effect.st-page-hello .st-our-portfolio .st-module-heading,
.css3-effect.st-page-hello .st-our-skill.avatar-scroll-disappear .st-module-heading,
.css3-effect.st-page-hello .st-our-skill .st-module-heading,
.css3-effect.st-page-hello .st-about-us.avatar-scroll-disappear .st-module-heading,
.css3-effect.st-page-hello .st-about-us .st-module-heading,
.css3-effect.st-page-hello .st-blog-timeline.avatar-scroll-disappear .st-module-heading,
.css3-effect.st-page-hello .st-blog-timeline .st-module-heading,
.css3-effect.st-page-hello .st-contact.avatar-scroll-disappear .st-module-heading,
.css3-effect.st-page-hello .st-contact .st-module-heading,
.css3-effect .st-our-happy-clients.avatar-scroll-disappear .st-module-heading,
.css3-effect .st-our-happy-clients .st-module-heading,
.css3-effect .st-we-are-metanic-home-2.avatar-scroll-disappear .st-module-heading,
.css3-effect .st-we-are-metanic-home-2 .st-module-heading,
.css3-effect .st-we-work-hard.avatar-scroll-disappear .st-module-heading,
.css3-effect .st-we-work-hard .st-module-heading,
.css3-effect .st-we-work-hard.avatar-scroll-disappear .st-module-content p.unique,
.css3-effect .st-we-work-hard .st-module-content p.unique,
.css3-effect .st-we-create-visuals.avatar-scroll-disappear .st-module-heading,
.css3-effect .st-we-create-visuals .st-module-heading,
.css3-effect .st-straight-from-the-blog.avatar-scroll-disappear .st-module-heading,
.css3-effect .st-straight-from-the-blog .st-module-heading,
.css3-effect .st-newest-metanic.avatar-scroll-disappear .st-module-heading,
.css3-effect .st-newest-metanic .st-module-heading,
.css3-effect .st-what-our-users-say.avatar-scroll-disappear .st-module-heading,
.css3-effect .st-what-our-users-say .st-module-heading{
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translate(0, -20px);
	-webkit-transform: translate(0, -20px);
	-moz-transform: translate(0, -20px);
	-o-transform: translate(0, -20px);
	-ms-transform: translate(0, -20px);
	
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transform: all 0.5s;
}
.css3-effect.st-page-hello .st-we-are-metanic.avatar-scroll-appear .st-module-heading,
.css3-effect.st-page-hello .st-our-service.avatar-scroll-appear .st-module-heading,
.css3-effect.st-page-hello .st-meet-our-team.avatar-scroll-appear .st-module-heading,
.css3-effect.st-page-hello .st-our-portfolio.avatar-scroll-appear .st-module-heading,
.css3-effect.st-page-hello .st-our-skill.avatar-scroll-appear .st-module-heading,
.css3-effect.st-page-hello .st-about-us.avatar-scroll-appear .st-module-heading,
.css3-effect.st-page-hello .st-blog-timeline.avatar-scroll-appear .st-module-heading,
.css3-effect.st-page-hello .st-contact.avatar-scroll-appear .st-module-heading,
.css3-effect .st-our-happy-clients.avatar-scroll-appear .st-module-heading,
.css3-effect .st-we-are-metanic-home-2.avatar-scroll-appear .st-module-heading,
.css3-effect .st-we-work-hard.avatar-scroll-appear .st-module-heading,
.css3-effect .st-we-work-hard.avatar-scroll-appear .st-module-content p.unique,
.css3-effect .st-we-create-visuals.avatar-scroll-appear .st-module-heading,
.css3-effect .st-straight-from-the-blog.avatar-scroll-appear .st-module-heading,
.css3-effect .st-newest-metanic.avatar-scroll-appear .st-module-heading,
.css3-effect .st-what-our-users-say.avatar-scroll-appear .st-module-heading{
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	
	transition: all 0.5s 0.2s;
	-moz-transition: all 0.5s 0.2s;
	-webkit-transition: all 0.5s 0.2s;
	-o-transition: all 0.5s 0.2s;
	-ms-transform: all 0.5s 0.2s;
}
.css3-effect.st-page-hello .st-we-are-metanic.avatar-scroll-disappear .introduce,
.css3-effect.st-page-hello .st-we-are-metanic .introduce,
.css3-effect.st-page-hello .st-our-service.avatar-scroll-disappear .st-module-content p,
.css3-effect.st-page-hello .st-our-service .st-module-content p,
.css3-effect.st-page-hello .st-meet-our-team.avatar-scroll-disappear .st-module-content p,
.css3-effect.st-page-hello .st-meet-our-team .st-module-content p,
.css3-effect.st-page-hello .st-our-portfolio.avatar-scroll-disappear .st-module-content p,
.css3-effect.st-page-hello .st-our-portfolio .st-module-content p,
.css3-effect.st-page-hello .st-our-skill.avatar-scroll-disappear .st-module-content p,
.css3-effect.st-page-hello .st-our-skill .st-module-content p,
.css3-effect.st-page-hello .st-about-us.avatar-scroll-disappear .st-module-content p,
.css3-effect.st-page-hello .st-about-us .st-module-content p,
.css3-effect.st-page-hello .st-blog-timeline.avatar-scroll-disappear .st-module-content p,
.css3-effect.st-page-hello .st-blog-timeline .st-module-content p,
.css3-effect.st-page-hello .st-contact.avatar-scroll-disappear .st-module-content p,
.css3-effect.st-page-hello .st-contact .st-module-content p,
.css3-effect .st-our-happy-clients.avatar-scroll-disappear p.introduce,
.css3-effect .st-our-happy-clients p.introduce,
.css3-effect .st-newest-metanic.avatar-scroll-disappear .st-module-content,
.css3-effect .st-newest-metanic .st-module-content,
.css3-effect .st-straight-from-the-blog.avatar-scroll-disappear .st-module-content,
.css3-effect .st-straight-from-the-blog .st-module-content,
.css3-effect .st-we-create-visuals.avatar-scroll-disappear .st-module-content,
.css3-effect .st-we-create-visuals .st-module-content,
.css3-effect .st-what-our-users-say.avatar-scroll-disappear .st-module-content,
.css3-effect .st-what-our-users-say .st-module-content{
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translate(0, 20px);
	-webkit-transform: translate(0, 20px);
	-moz-transform: translate(0, 20px);
	-o-transform: translate(0, 20px);
	-ms-transform: translate(0, 20px);
	
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transform: all 0.5s;
}
.css3-effect.st-page-hello  .st-we-are-metanic.avatar-scroll-appear .introduce,
.css3-effect.st-page-hello  .st-our-service.avatar-scroll-appear .st-module-content p,
.css3-effect.st-page-hello  .st-meet-our-team.avatar-scroll-appear .st-module-content p,
.css3-effect.st-page-hello  .st-our-portfolio.avatar-scroll-appear .st-module-content p,
.css3-effect.st-page-hello  .st-our-skill.avatar-scroll-appear .st-module-content p,
.css3-effect.st-page-hello  .st-about-us.avatar-scroll-appear .st-module-content p,
.css3-effect.st-page-hello  .st-blog-timeline.avatar-scroll-appear .st-module-content p,
.css3-effect.st-page-hello  .st-contact.avatar-scroll-appear .st-module-content p,
.css3-effect .st-our-happy-clients.avatar-scroll-appear p.introduce,
.css3-effect .st-newest-metanic.avatar-scroll-appear .st-module-content,
.css3-effect .st-straight-from-the-blog.avatar-scroll-appear .st-module-content,
.css3-effect .st-we-create-visuals.avatar-scroll-appear .st-module-content,
.css3-effect .st-what-our-users-say.avatar-scroll-appear .st-module-content{
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	
	transition: all 0.5s 0.2s;
	-moz-transition: all 0.5s 0.2s;
	-webkit-transition: all 0.5s 0.2s;
	-o-transition: all 0.5s 0.2s;
	-ms-transform: all 0.5s 0.2s;
}

/** css3 for modules content **/
.css3-effect.st-page-hello .st-dale-carmegie .st-module-content,
.css3-effect.st-page-hello .st-dale-carmegie.avatar-scroll-disappear .st-module-content,
.css3-effect.st-page-hello .st-our-services-slider .st-module-content,
.css3-effect.st-page-hello .st-our-services-slider.avatar-scroll-disappear .st-module-content,
.css3-effect.st-page-hello .st-meet-our-team-slider .st-module-content,
.css3-effect.st-page-hello .st-meet-our-team-slider.avatar-scroll-disappear .st-module-content,
.css3-effect.st-page-hello .st-our-portfolio-wall .st-module-content,
.css3-effect.st-page-hello .st-our-portfolio-wall.avatar-scroll-disappear .st-module-content,
.css3-effect.st-page-hello .st-form-contact .st-module-content,
.css3-effect.st-page-hello .st-form-contact.avatar-scroll-disappear .st-module-content,
.css3-effect .st-buy-this-theme .st-module-content,
.css3-effect .st-buy-this-theme.avatar-scroll-disappear .st-module-content,
.css3-effect.st-page-hello .st-footer .st-module-content,
.css3-effect.st-page-hello .st-footer.avatar-scroll-disappear .st-module-content,
.css3-effect.st-page-hello .st-ready-to-stand-out .st-module-content,
.css3-effect.st-page-hello .st-ready-to-stand-out.avatar-scroll-disappear .st-module-content,
.css3-effect .st-we-are-metanic-home-2 .st-module-content,
.css3-effect .st-we-are-metanic-home-2.avatar-scroll-disappear .st-module-content,
.css3-effect .st-we-work-hard .st-module-content .row-fluid,
.css3-effect .st-we-work-hard.avatar-scroll-disappear .st-module-content .row-fluid{
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translate(0, 20px);
	-webkit-transform: translate(0, 20px);
	-moz-transform: translate(0, 20px);
	-o-transform: translate(0, 20px);
	-ms-transform: translate(0, 20px);
	
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transform: all 0.5s;
}
.css3-effect.st-page-hello .st-dale-carmegie.avatar-scroll-appear .st-module-content,
.css3-effect.st-page-hello .st-our-services-slider.avatar-scroll-appear .st-module-content,
.css3-effect.st-page-hello .st-meet-our-team-slider.avatar-scroll-appear .st-module-content,
.css3-effect.st-page-hello .st-our-portfolio-wall.avatar-scroll-appear .st-module-content,
.css3-effect.st-page-hello .st-form-contact.avatar-scroll-appear .st-module-content,
.css3-effect .st-buy-this-theme.avatar-scroll-appear .st-module-content,
.css3-effect.st-page-hello .st-footer.avatar-scroll-appear .st-module-content,
.css3-effect.st-page-hello .st-ready-to-stand-out.avatar-scroll-appear .st-module-content,
.css3-effect .st-we-are-metanic-home-2.avatar-scroll-appear .st-module-content,
.css3-effect .st-we-work-hard.avatar-scroll-appear .st-module-content .row-fluid{
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	
	transition: all 0.5s 0.2s;
	-moz-transition: all 0.5s 0.2s;
	-webkit-transition: all 0.5s 0.2s;
	-o-transition: all 0.5s 0.2s;
	-ms-transform: all 0.5s 0.2s;
}

/** Css3 Page About Us **/
.css3-effect .st-our-skills .st-module-content .poll p.background,
.css3-effect .st-our-skills.avatar-scroll-disappear .st-module-content .poll p.background{
	right: 100%;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transform: all 0.5s;
}
.css3-effect .st-our-skills.avatar-scroll-appear .st-module-content .graphic-design .poll p.background{
	right: 15%;
}
.css3-effect .st-our-skills.avatar-scroll-appear .st-module-content .web-design .poll p.background{
	right: 10%;
}
.css3-effect .st-our-skills.avatar-scroll-appear .st-module-content .photography .poll p.background{
	right: 35%;
}
.css3-effect .st-our-skills.avatar-scroll-appear .st-module-content .poll p.background{
	right: 30%;
	transition: all 1s 0.2s;
	-moz-transition: all 1s 0.2s;
	-webkit-transition: all 1s 0.2s;
	-o-transition: all 1s 0.2s;
	-ms-transform: all 1s 0.2s;
}
.css3-effect .st-our-skills .st-module-content .poll span.skill,
.css3-effect .st-our-skills.avatar-scroll-disappear .st-module-content .poll span.skill{
	opacity: 0;
	filter: alpha(opacity=0);
}
.css3-effect .st-our-skills.avatar-scroll-appear .st-module-content .poll span.skill{
	opacity: 1;
	filter: alpha(opacity=100);
	transition: all 1s 0.2s;
	-moz-transition: all 1s 0.2s;
	-webkit-transition: all 1s 0.2s;
	-o-transition: all 1s 0.2s;
	-ms-transform: all 1s 0.2s;
}

.css3-effect  .st-custom-column .social a,
.css3-effect .st-visacard p a img,
.css3-effect .st-banner-bottom-home-1 div img,
.css3-effect .st-contact-us div span.icon,
.css3-effect .st-happy-clients .span4 img{
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transform: all 0.3s;
}
.css3-effect .st-custom-column .social a:hover,
.css3-effect .st-visacard p a img:hover,
.css3-effect .st-banner-bottom-home-1 div img:hover,
.css3-effect .st-contact-us div span.icon:hover,
.css3-effect .st-happy-clients .span4 img:hover{
	transform: scale(1.15 , 1.15);
	-webkit-transform: scale(1.15 , 1.15);
	-moz-transform: scale(1.15 , 1.15);
	-o-transform: scale(1.15 , 1.15);
	-ms-transform: scale(1.15 , 1.15);
	
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transform: all 0.3s;
}

.css3-effect .st-about-us-accordion .span6.image,
.css3-effect .st-about-us-accordion.avatar-scroll-disappear .span6.image,
.css3-effect .st-happy-clients,
.css3-effect .st-happy-clients.avatar-scroll-disappear{
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translate(200px, 0);
	-webkit-transform: translate(200px, 0);
	-moz-transform: translate(200px, 0);
	-o-transform: translate(200px, 0);
	-ms-transform: translate(200px, 0);
	
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transform: all 0.5s;
	
}
.css3-effect .st-about-us-accordion.avatar-scroll-appear h3.title,
.css3-effect .st-about-us-accordion.avatar-scroll-appear .span6.image,
.css3-effect .st-happy-clients.avatar-scroll-appear,
.css3-effect .st-about-us-accordion.avatar-scroll-appear .span6.accordion,
.css3-effect .st-about-us-accordion.avatar-scroll-appear .span6.accordion h3.title,
.css3-effect .st-slider-company.avatar-scroll-appear{
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
}
.css3-effect .st-about-us-accordion h3.title,
.css3-effect .st-about-us-accordion.avatar-scroll-disappear h3.title,
.css3-effect .st-about-us-accordion .span6.accordion,
.css3-effect .st-about-us-accordion.avatar-scroll-disappear .span6.accordion,
.css3-effect .st-slider-company,
.css3-effect .st-slider-company.avatar-scroll-disappear{
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translate(-200px, 0);
	-webkit-transform: translate(-200px, 0);
	-moz-transform: translate(-200px, 0);
	-o-transform: translate(-200px, 0);
	-ms-transform: translate(-200px, 0);
	
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transform: all 0.5s;
}
.css3-effect .st-about-us-accordion.avatar-scroll-appear h3.title,
.css3-effect .st-about-us-accordion.avatar-scroll-appear .span6.accordion,
.css3-effect .st-about-us-accordion.avatar-scroll-appear .span6.accordion h3.title,
.css3-effect .st-about-us-accordion.avatar-scroll-appear .span6.image,
.css3-effect .st-happy-clients.avatar-scroll-appear{
	transition: all 2s;
	-moz-transition: all 2s;
	-webkit-transition: all 2s;
	-o-transition: all 2s;
	-ms-transform: all 2s;
}
.css3-effect .st-happy-clients.avatar-scroll-appear,
.css3-effect .st-slider-company.avatar-scroll-appear{
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	-ms-transform: all 1s;
}
/** CSS3 WE ARE METANIC **/
.css3-effect .st-we-are-metanic .image .imac,
.css3-effect .st-we-are-metanic.avatar-scroll-disappear .image .imac,
.css3-effect .st-we-are-metanic .image .imac-right,
.css3-effect .st-we-are-metanic.avatar-scroll-disappear .image .imac-right{
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translate(40px, 0);
	-webkit-transform: translate(40px, 0);
	-moz-transform: translate(40px, 0);
	-o-transform: translate(40px, 0);
	-ms-transform: translate(40px, 0);
}
.css3-effect .st-we-are-metanic .image .imac-left,
.css3-effect .st-we-are-metanic.avatar-scroll-disappear .image .imac-left{
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translate(40px, 0);
	-webkit-transform: translate(40px, 0);
	-moz-transform: translate(40px, 0);
	-o-transform: translate(40px, 0);
	-ms-transform: translate(40px, 0);
	
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transform: all 0.2s;
}
.css3-effect .st-we-are-metanic.avatar-scroll-appear .image .imac-left{
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	
	transition: all 0.5s 1.5s;
	-moz-transition: all 0.5s 1.5s;
	-webkit-transition: all 0.5s 1.5s;
	-o-transition: all 0.5s 1.5s;
	-ms-transform: all 0.5s 1.5s;
}
.css3-effect .st-we-are-metanic.avatar-scroll-appear .image .imac{
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	
	transition: all 0.5s 0.5s;
	-moz-transition: all 0.5s 0.5s;
	-webkit-transition: all 0.5s 0.5s;
	-o-transition: all 0.5s 0.5s;
	-ms-transform: all 0.5s 0.5s;
}
.css3-effect .st-we-are-metanic.avatar-scroll-appear .image .imac-right{
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	
	transition: all 0.5s 1s;
	-moz-transition: all 0.5s 1s;
	-webkit-transition: all 0.5s 1s;
	-o-transition: all 0.5s 1s;
	-ms-transform: all 0.5s 1s;
}
/** CSS3 SKILL **/

.css3-effect .avatar-scroll-disappear .content .st-border .spinner,
.css3-effect .content .st-border .spinner{
	transition: all 6s;
	-moz-transition: all 6s;
	-webkit-transition: all 6s;
	-o-transition: all 6s;
	-ms-transform: all 6s;
}
.css3-effect .avatar-scroll-disappear .content .st-border .spinner{
	-webkit-transform: rotate(0deg) !important;
   	-moz-transform: rotate(0deg) !important;
   	-ms-transform: rotate(0deg) !important;
   	-o-transform: rotate(0deg) !important;
}
.css3-effect .avatar-scroll-disappear.st-our-skill .content .st-border .override,
.css3-effect .st-our-skill .content .st-border .override{
	opacity: 1;
	filter: alpha(opacity=100);
}
.css3-effect .avatar-scroll-appear.st-our-skill .content .st-border .override{
	opacity: 0;
	filter: alpha(opacity=0);
}
.css3-effect .avatar-scroll-disappear .content .st-border .filler,
.css3-effect .content .st-border .filler{
	opacity: 0;
	filter: alpha(opacity=0);
}
.css3-effect .avatar-scroll-appear .content .st-border .filler{
	opacity: 1;
	filter: alpha(opacity=100);
}
.css3-effect .avatar-scroll-appear.st-our-skill .content .photography .st-border .override{
	transition: all 0s 2.8s;
	-webkit-transition: all 0s 2.8s;
	-moz-transition: all 0s 2.8s;
	-ms-transition: all 0s 2.8s;
	-o-transition: all 0s 2.8s;
}

.css3-effect .avatar-scroll-appear .content .photography .st-border .filler{
	transition: all 0s 2.8s;
	-webkit-transition: all 0s 2.8s;
	-moz-transition: all 0s 2.8s;
	-ms-transition: all 0s 2.8s;
	-o-transition: all 0s 2.8s;
}

.css3-effect .avatar-scroll-appear .content .web-design .st-border .filler{
	transition: all 0s 1.9s;
	-webkit-transition: all 0s 1.9s;
	-moz-transition: all 0s 1.9s;
	-ms-transition: all 0s 1.9s;
	-o-transition: all 0s 1.9s;
}
.css3-effect .avatar-scroll-appear.st-our-skill .content .web-design .st-border .override{
	transition: all 0s 1.9s;
	-webkit-transition: all 0s 1.9s;
	-moz-transition: all 0s 1.9s;
	-ms-transition: all 0s 1.9s;
	-o-transition: all 0s 1.9s;
}
.css3-effect .avatar-scroll-appear.st-our-skill .content .branding .st-border .override{
	transition: all 0s 2.35s;
	-webkit-transition: all 0s 2.35s;
	-moz-transition: all 0s 2.35s;
	-ms-transition: all 0s 2.35s;
	-o-transition: all 0s 2.35s;
}
.css3-effect .avatar-scroll-appear .content .branding .st-border .filler{
	transition: all 0s 2.35s;
	-webkit-transition: all 0s 2.35s;
	-moz-transition: all 0s 2.35s;
	-ms-transition: all 0s 2.35s;
	-o-transition: all 0s 2.35s;
}
.css3-effect .avatar-scroll-appear.st-our-skill .content .graphic-design .st-border .override{
	transition: all 0s 2.0s;
	-webkit-transition: all 0s 2.0s;
	-moz-transition: all 0s 2.0s;
	-ms-transition: all 0s 2.0s;
	-o-transition: all 0s 2.0s;
}
.css3-effect .avatar-scroll-appear .content .graphic-design .st-border .filler{
	transition: all 0s 2.0s;
	-webkit-transition: all 0s 2.0s;
	-moz-transition: all 0s 2.0s;
	-ms-transition: all 0s 2.0s;
	-o-transition: all 0s 2.0s;
}

/** css3 for .st-slider-home-3 **/
.css3-effect .st-slider-home-3 .animate-in .column-inner .title,
.css3-effect .st-slider-home-3 .animate-in .column-inner .content,
.css3-effect .st-slider-home-3 .animate-in .column-inner .readmore{
	opacity:1;
	filter:alpha(opacity=100);
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  
   -webkit-transition: opacity 2000ms 700ms, transform 2000ms 700ms;
  -moz-transition: opacity 2000ms 700ms, transform 2000ms 700ms;
  -ms-transition: opacity 2000ms 700ms, transform 2000ms 700ms;
  -o-transition: opacity 2000ms 700ms, transform 2000ms 700ms;
  transition: opacity 2000ms 700ms, transform 2000ms 700ms;
}
.css3-effect .st-slider-home-3 .animate-out .column-inner .title,
.css3-effect .st-slider-home-3 li .column-inner .title,
.css3-effect .st-slider-home-3 .animate-out .column-inner .content,
.css3-effect .st-slider-home-3 li .column-inner .content,
.css3-effect .st-slider-home-3 .animate-out .column-inner .readmore,
.css3-effect .st-slider-home-3 li .column-inner .readmore{
	opacity:0;
	filter:alpha(opacity=0);
  transform: translate(400px, 0);
  -webkit-transform: translate(400px, 0);
  -moz-transform: translate(400px, 0);
  -o-transform: translate(400px, 0);
  -ms-transform: translate(400px, 0);
  
 -webkit-transition: opacity 500ms ,transform 500ms;
  -moz-transition: opacity 500ms ,transform 500ms;
  -ms-transition: opacity 500ms ,transform 500ms;
  -o-transition: opacity 500ms ,transform 500ms;
  transition: opacity 500ms ,transform 500ms;
}
.css3-effect .st-slider-home-3 .animate-in .column-inner .readmore,
.css3-effect .st-slider-home-3 .animate-in .column-inner .readmore:hover{
	transition: color 0.3s, background 0.3s, border 0.3s , opacity 2000ms 700ms, transform 2000ms 700ms;
	-moz-transition: color 0.3s, background 0.3s, border 0.3s , opacity 2000ms 700ms, transform 2000ms 700ms;
	-webkit-transition: color 0.3s, background 0.3s, border 0.3s , opacity 2000ms 700ms, transform 2000ms 700ms;
	-o-transition: color 0.3s, background 0.3s, border 0.3s , opacity 2000ms 700ms, transform 2000ms 700ms;
	-ms-transform: color 0.3s, background 0.3s, border 0.3s , opacity 2000ms 700ms, transform 2000ms 700ms;
}

.css3-effect .st-slider-home-3 .animate-in .column-inner .image{
	opacity:1;
	filter:alpha(opacity=100);
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  
  -webkit-transition: all 2000ms 700ms;
  -moz-transition: all 2000ms 700ms;
  -ms-transition: all 2000ms 700ms;
  -o-transition: all 2000ms 700ms;
  transition: all 2000ms 700ms;
}
.css3-effect .st-slider-home-3 .animate-out .column-inner .image,
.css3-effect .st-slider-home-3 li .column-inner .image{
	opacity:0;
	filter:alpha(opacity=0);
  transform: translate(-400px, 0);
  -webkit-transform: translate(-400px, 0);
  -moz-transform: translate(-400px, 0);
  -o-transform: translate(-400px, 0);
  -ms-transform: translate(-400px, 0);
  
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -ms-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}

@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
@-webkit-keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
@-ms-keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
@-moz-keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
.st-page-home-3 #avatar-full-3-block{
	animation: animatedBackground 40s linear infinite;
	-ms-animation: animatedBackground 40s linear infinite;
	-moz-animation: animatedBackground 40s linear infinite;
	-webkit-animation: animatedBackground 40s linear infinite;
}

/** CSS3 Timeline **/
.css3-effect .avatar-scroll-appear.st-timeline-articles .row-fluid.left{
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
	-ms-animation-name: bounceInDown;
	-o-animation-name: bounceInDown;
	animation-name: bounceInDown;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-ms-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
}
.css3-effect .avatar-scroll-disappear.st-timeline-articles .row-fluid.left,
.css3-effect .st-timeline-articles .row-fluid.left,
.css3-effect .avatar-scroll-disappear.st-timeline-articles .row-fluid.right,
.css3-effect .st-timeline-articles .row-fluid.right{
	
}
.css3-effect .avatar-scroll-appear.st-timeline-articles .row-fluid.right{
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
	-ms-animation-name: bounceInDown;
	-o-animation-name: bounceInDown;
	animation-name: bounceInDown;
	-webkit-animation-duration: 2.7s;
	-moz-animation-duration: 2.7s;
	-ms-animation-duration: 2.7s;
	-o-animation-duration: 2.7s;
	animation-duration: 2.7s;
}

/** Keyframes bounceInDown **/
@-webkit-keyframes bounceInDown{
	0% {
			opacity:0;
	/*transform*/
	-webkit-transform:translateY(-200px);
	   -moz-transform:translateY(-200px);
	    -ms-transform:translateY(-200px);
	     -o-transform:translateY(-200px);
	        transform:translateY(-200px);
	}
	60%{
	opacity:1;
	/*transform*/
	-webkit-transform:translateY(30px);
	   -moz-transform:translateY(30px);
	    -ms-transform:translateY(30px);
	     -o-transform:translateY(30px);
	        transform:translateY(30px);
	}
	80%{
	/*transform*/
	-webkit-transform:translateY(-10px);
	   -moz-transform:translateY(-10px);
	    -ms-transform:translateY(-10px);
	     -o-transform:translateY(-10px);
	        transform:translateY(-10px);
	}
	100%{
	/*transform*/
	-webkit-transform:translateY(0);
	   -moz-transform:translateY(0);
	    -ms-transform:translateY(0);
	     -o-transform:translateY(0);
	        transform:translateY(0);
	}
}

@-moz bounceInDown{
	0% {
			opacity:0;
	/*transform*/
	-webkit-transform:translateY(-200px);
	   -moz-transform:translateY(-200px);
	    -ms-transform:translateY(-200px);
	     -o-transform:translateY(-200px);
	        transform:translateY(-200px);
	}
	60%{
	opacity:1;
	/*transform*/
	-webkit-transform:translateY(30px);
	   -moz-transform:translateY(30px);
	    -ms-transform:translateY(30px);
	     -o-transform:translateY(30px);
	        transform:translateY(30px);
	}
	80%{
	/*transform*/
	-webkit-transform:translateY(-10px);
	   -moz-transform:translateY(-10px);
	    -ms-transform:translateY(-10px);
	     -o-transform:translateY(-10px);
	        transform:translateY(-10px);
	}
	100%{
	/*transform*/
	-webkit-transform:translateY(0);
	   -moz-transform:translateY(0);
	    -ms-transform:translateY(0);
	     -o-transform:translateY(0);
	        transform:translateY(0);
	}
}

@-ms-keyframes bounceInDown{
	0% {
			opacity:0;
	/*transform*/
	-webkit-transform:translateY(-200px);
	   -moz-transform:translateY(-200px);
	    -ms-transform:translateY(-200px);
	     -o-transform:translateY(-200px);
	        transform:translateY(-200px);
	}
	60%{
	opacity:1;
	/*transform*/
	-webkit-transform:translateY(30px);
	   -moz-transform:translateY(30px);
	    -ms-transform:translateY(30px);
	     -o-transform:translateY(30px);
	        transform:translateY(30px);
	}
	80%{
	/*transform*/
	-webkit-transform:translateY(-10px);
	   -moz-transform:translateY(-10px);
	    -ms-transform:translateY(-10px);
	     -o-transform:translateY(-10px);
	        transform:translateY(-10px);
	}
	100%{
	/*transform*/
	-webkit-transform:translateY(0);
	   -moz-transform:translateY(0);
	    -ms-transform:translateY(0);
	     -o-transform:translateY(0);
	        transform:translateY(0);
	}
}

@-o-keyframes bounceInDown{
	0% {
			opacity:0;
	/*transform*/
	-webkit-transform:translateY(-200px);
	   -moz-transform:translateY(-200px);
	    -ms-transform:translateY(-200px);
	     -o-transform:translateY(-200px);
	        transform:translateY(-200px);
	}
	60%{
	opacity:1;
	/*transform*/
	-webkit-transform:translateY(30px);
	   -moz-transform:translateY(30px);
	    -ms-transform:translateY(30px);
	     -o-transform:translateY(30px);
	        transform:translateY(30px);
	}
	80%{
	/*transform*/
	-webkit-transform:translateY(-10px);
	   -moz-transform:translateY(-10px);
	    -ms-transform:translateY(-10px);
	     -o-transform:translateY(-10px);
	        transform:translateY(-10px);
	}
	100%{
	/*transform*/
	-webkit-transform:translateY(0);
	   -moz-transform:translateY(0);
	    -ms-transform:translateY(0);
	     -o-transform:translateY(0);
	        transform:translateY(0);
	}
}

@keyframes bounceInDown{
	0% {
			opacity:0;
	/*transform*/
	-webkit-transform:translateY(-200px);
	   -moz-transform:translateY(-200px);
	    -ms-transform:translateY(-200px);
	     -o-transform:translateY(-200px);
	        transform:translateY(-200px);
	}
	60%{
	opacity:1;
	/*transform*/
	-webkit-transform:translateY(30px);
	   -moz-transform:translateY(30px);
	    -ms-transform:translateY(30px);
	     -o-transform:translateY(30px);
	        transform:translateY(30px);
	}
	80%{
	/*transform*/
	-webkit-transform:translateY(-10px);
	   -moz-transform:translateY(-10px);
	    -ms-transform:translateY(-10px);
	     -o-transform:translateY(-10px);
	        transform:translateY(-10px);
	}
	100%{
	/*transform*/
	-webkit-transform:translateY(0);
	   -moz-transform:translateY(0);
	    -ms-transform:translateY(0);
	     -o-transform:translateY(0);
	        transform:translateY(0);
	}
}

/*** End bounceInDown  ***/

/*** Top Slider ***/
.sl1-get-the-lock a,
.sl1-get-the-lock a:hover,
.sl3-get-the-lock a,
.sl3-get-the-lock a:hover{
	height: 45px;
	line-height: 45px;
	display: inline-block;
	width: 136px;
	font-weight: 300;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	border: 1px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	transition: none;
	-o-transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
}

/************     RESPONSIVE    ***********/
@media (max-width: 1680px){
	body.avatar-responsive .st-parallax-top,
	body.avatar-responsive .st-parallax-our-services,
	body.avatar-responsive .st-parallax-contact{
		background-size: initial;
	}
	body.avatar-responsive .st-top-slider-full-width p.sl3-accessories{
		left: 956px !important;
	}
	body.avatar-responsive .st-top-slider-full-width p.sl3-extra{
		left: 930px !important;
	}
	body.avatar-responsive .st-top-slider-full-width p.sl3-sale{
		left: 969px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl3-3days-left{
		left: 984px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl3-get-the-lock{
		left: 1118px !important;
	}
}
@media (max-width: 1366px){
	/** top slider **/
	body.avatar-responsive .st-top-slider-full-width .sl1-online{
		left: 240px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl1-extra{
		left: 186px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl1-sale{
		left: 227px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl1-4days-left{
		left: 245px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl1-get-the-lock{
		left: 374px !important;
	}
	
	body.avatar-responsive .st-top-slider-full-width p.sl3-accessories{
		left: 756px !important;
	}
	body.avatar-responsive .st-top-slider-full-width p.sl3-extra{
		left: 730px !important;
	}
	body.avatar-responsive .st-top-slider-full-width p.sl3-sale{
		left: 769px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl3-3days-left{
		left: 784px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl3-get-the-lock{
		left: 918px !important;
	}
}

@media (max-width: 1200px){
	body.avatar-responsive.st-page-hello .st-parallax-our-services{
		background-size: cover;
	}
	body.avatar-responsive .st-meet-our-team-slider .st-content-showcase-carousel .contain > .item{
		padding-right: 20px;
	}
	body.avatar-responsive .avatar-wrapper {
		width: 100% !important;
	}
	body.avatar-responsive #avatar-pos-main-body{
		margin-left: 10px;
		margin-right: 10px;
	}
	body.avatar-responsive .avatar-module {
		margin-left:10px;
		margin-right:10px;
	}
	body.avatar-responsive .st-top-slider-full-width,
	body.avatar-responsive .st-google-maps,
	body.avatar-responsive .st-we-create-visuals,
	body.avatar-responsive .st-video-section-title,
	body.avatar-responsive .st-logo-small,
	body.avatar-responsive .st-search-page-home,
	body.avatar-responsive .st-custom-column,
	body.avatar-responsive .st-contact-info{
		margin-right: 0px;
	}
	body.avatar-responsive .st-top-slider-full-width,
	body.avatar-responsive .st-google-maps,
	body.avatar-responsive .st-we-create-visuals,
	body.avatar-responsive .st-video-section-title,
	body.avatar-responsive .st-main-menu,
	body.avatar-responsive .st-login-header,
	body.avatar-responsive .st-facebook,
	body.avatar-responsive .st-product-categories,
	body.avatar-responsive .st-cart,
	body.avatar-responsive .st-featured-items,
	body.avatar-responsive .st-say-hello{
		margin-left: 0px;
	}
	body.avatar-responsive .st-parallax-top,
	body.avatar-responsive .st-welcome-background-video,
	body.avatar-responsive .st-parallax-our-services,
	body.avatar-responsive .st-our-portfolio-wall,
	body.avatar-responsive .st-parallax-ready-to-stand-out,
	body.avatar-responsive .st-video-section,
	body.avatar-responsive .st-parallax-buy-this-theme,
	body.avatar-responsive .st-parallax-contact,
	body.avatar-responsive .st-call-us,
	body.avatar-responsive .st-social-top,
	body.avatar-responsive .st-parallax-we-work-hard,
	body.avatar-responsive .st-photographer,
	body.avatar-responsive .st-contact-us,
	body.avatar-responsive .st-twitter{
		margin-left: 0;
		margin-right: 0;
	}
	body.avatar-responsive .st-cart-header{
		margin: 0 18px;
	}
	body.avatar-responsive .st-custom-column p{
		padding-right: 30px;
	}
	
	body.avatar-responsive.st-page-blog .blog-article{
		padding-right: 10px;
	}
	body.avatar-responsive div.yt-tabs.vertical ul.nav-tabs{
		margin-top: 43px;
	}
	body.avatar-responsive.st-page-button .main-content .row-fluid{
		padding: 0 143px 0 105px;
	}
	body.avatar-responsive .st-our-skills{
		width: 52%;
	}
	body.avatar-responsive .st-flick .row-fluid .span4{
		width: 74px;
		margin-left: 10px;
		margin-bottom: 5px;
	}
	body.avatar-responsive .st-flick .row-fluid .span4:first-child{
		margin-left: 0;
	}
	body.avatar-responsive .st-banner-bottom-home-1{
		overflow: hidden;
	}
	body.avatar-responsive .st-say-hello{
		margin-bottom: 150px;
	}
	body.avatar-responsive .ls-container,
	body.avatar-responsive .ls-inner, 
	body.avatar-responsive .ls-slide{
		max-width: 100% !important;
	}
	
}
@media (max-width: 1024px){
	body.avatar-responsive.st-page-hello .st-parallax-our-services{
		background-size: cover;
	}
	body.avatar-responsive .st-meet-our-team-slider .st-content-showcase-carousel .contain > .item{
		margin-left: 50px;
		margin-right: 50px;
	}
	/** top slider **/
	body.avatar-responsive .st-top-slider-full-width .sl1-online{
		left: 140px !important;
		top: 154px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl1-extra{
		left: 86px !important;
		top: 214px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl1-sale{
		left: 127px !important;
		top: 282px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl1-4days-left{
		left: 145px !important;
		top: 396px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl1-get-the-lock{
		left: 274px !important;
		top: 403px !important;
	}
	
	body.avatar-responsive .st-top-slider-full-width p.sl3-accessories{
		left: 556px !important;
	}
	body.avatar-responsive .st-top-slider-full-width p.sl3-extra{
		left: 530px !important;
	}
	body.avatar-responsive .st-top-slider-full-width p.sl3-sale{
		left: 569px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl3-3days-left{
		left: 584px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl3-get-the-lock{
		left: 718px !important;
	}
	
	body.avatar-responsive .st-logo-small{
		margin-left: 25px;
	}
	body.avatar-responsive.st-page-button .main-content .row-fluid{
		padding: 0 15px 0 15px;
	}
	body.avatar-responsive .st-flick .row-fluid .span4{
		width: 60px;
	}
	body.avatar-responsive div.yt-tabs.vertical ul.nav-tabs{
		margin-top: 59px;
	}
	body.avatar-responsive .st-related-post .item:hover a.icon-view{
		top: 80px;
	}
	body.avatar-responsive .st-related-post .item:hover .link{
		bottom: 25px;
	}
	body.avatar-responsive .st-photographer .row-fluid>.span3 .inner:hover .image a.modal_fancybox:after{
		top: 30%;
	}
	body.avatar-responsive .st-photographer .row-fluid>.span3 .inner:hover .title{
		bottom: 35px;
	}
	body.avatar-responsive .st-photographer .row-fluid>.span3 .inner:hover .category{
		bottom: 15px;
	}
	body.avatar-responsive .st-choose-your-demo .content .bg-image{
		width: 237px;
		height: 150px;
	}
	body.avatar-responsive .st-choose-your-demo{
		padding-top: 60px;
	}
	body.avatar-responsive .st-our-portfolio-wall .inner .media .image:hover:after{
		transform: scale(0.65, 0.65);
		-webkit-transform: scale(0.65, 0.65);
		-moz-transform: scale(0.65, 0.65);
		-o-transform: scale(0.65, 0.65);
		-ms-transform: scale(0.65, 0.65);
	}
	
	/**  Responsive Menu **/
	body.avatar-responsive #avatar-pos-top-right,
	body.avatar-responsive #avatar-pos-top-left{
		width: 100% !important;
	}
	body.avatar-responsive .st-logo-small{
		padding: 12px 0 8px 0;
	}
	body.avatar-responsive .st-logo-small .logo a{
		line-height: 22px;
	}
	body.avatar-responsive .st-logo-small .logo a img{
		height: 41px;
	}
	body.avatar-responsive .st-logo-small .logo a span{
		font-size: 17px;
		margin-left: 3px;
	}
	body.avatar-responsive .st-main-menu{
		margin-right: 0;
		background: #948d7b;
		padding: 0 25px 0 25px;
		position: relative;
	}
	body.avatar-responsive .st-main-menu>li{
		
	}
	body.avatar-responsive .st-main-menu span.toggle{
		display: inline-block;
		width: 42px;
		height: 42px;
		background: url(../images/st_theme/menu-toggle-icon.png) no-repeat center right;
		position: absolute;
		right: 24px;
		top: -65px;
		text-indent: -9999px;
		cursor: pointer;
	}
	/*body.avatar-responsive.st-page-hello #avatar-header-inside-block:not(.scroll-down) .st-main-menu span.toggle{
		top: -91px;
	}*/
	body.avatar-responsive .st-main-menu ul.st-mega-menu{
		width: 100%;
		float: none;
		display: none;
		overflow: hidden;
	}
	body.avatar-responsive .st-main-menu ul.st-mega-menu>li{
		line-height: 38px;
		padding: 0;
		display: block;
		overflow: hidden;
	}
	body.avatar-responsive .st-main-menu ul.st-mega-menu>li:first-child{
		padding-top: 20px;
	}
	body.avatar-responsive .st-main-menu ul.st-mega-menu li a, 
	body.avatar-responsive .st-main-menu ul.st-mega-menu li span{
		color: #fff;
		line-height: 38px;
		padding: 0;
		display: block;
	}
	body.avatar-responsive .st-main-menu ul.st-mega-menu li.current>a, 
	body.avatar-responsive .st-main-menu ul.st-mega-menu li.active>a, 
	body.avatar-responsive .st-main-menu ul.st-mega-menu li.current>span, 
	body.avatar-responsive .st-main-menu ul.st-mega-menu li.active>span,
	body.avatar-responsive .st-main-menu ul.st-mega-menu li a:hover, 
	body.avatar-responsive .st-main-menu ul.st-mega-menu li span:hover{
		color: #2d2424;
	}
	body.avatar-responsive .st-main-menu ul.st-mega-menu li span.pull{
		display: block;
		width: 30px;
		height: 30px;
		background: url(../images/st_theme/menu-pull-add-icon.png) no-repeat center right;
		position: absolute;
		right: 0;
		cursor: pointer;
	}
	body.avatar-responsive .st-main-menu ul.st-mega-menu li span.pull.active{
		background: url(../images/st_theme/menu-pull-minus-icon.png) no-repeat center right;
	}
	body.avatar-responsive .st-main-menu ul.st-mega-menu li>.st-mega-menu-row,
	body.avatar-responsive .st-main-menu ul.st-mega-menu li:hover>.st-mega-menu-row{
		display: none;
		opacity: 1;
		filter: alpha(opacity=100);
		position: relative;
		top: 0;
		left: 0 !important;
		height: auto;
		float: none;
		overflow: hidden;
		margin-top: 0;
	}
	body.avatar-responsive .st-mega-menu-col{
		float: none;
	}
	body.avatar-responsive .st-main-menu-home.st-main-menu ul.st-mega-menu>li>a, 
	body.avatar-responsive .st-main-menu-home.st-main-menu ul.st-mega-menu>li>span{
		border-right: 0;
	}
	
	body.avatar-responsive .st-main-menu ul.st-mega-menu li>.st-mega-menu-row li{
		float: none;
		padding: 0 0 0 15px;
	}
	body.avatar-responsive .st-main-menu ul.st-mega-menu li>.st-mega-menu-row li:hover{
		background: #948d7b;
	}
	body.avatar-responsive .st-main-menu ul.st-mega-menu li>.st-mega-menu-row li a, 
	body.avatar-responsive .st-main-menu ul.st-mega-menu li>.st-mega-menu-row li span{
		border: 0;
	}
	body.avatar-responsive .st-main-menu ul.st-mega-menu li>.st-mega-menu-row li:hover>.title>a, 
	body.avatar-responsive .st-main-menu ul.st-mega-menu li>.st-mega-menu-row li:hover>.title>span{
		border: 0;
		color: #2d2424;
	}
	body.avatar-responsive .st-about-us-accordion h3.title{
		font-size: 34px;
	}
	body.avatar-responsive .st-about-us-accordion .span6{
		width: 48%;
	}
	body.avatar-responsive .st-about-us-accordion .span6:last-child{
		margin-left: 4%;
	}
	body.avatar-responsive .st-slider-company .column-inner .content{
		max-height: 75px;
		overflow: hidden;
	}
	body.avatar-responsive .st-slider-home-3 .sequence-pagination{
		left: 70%;
	}
	body.avatar-responsive .st-we-create-visuals .layout-wall .item .inner:hover .fa-picture-o{
		top: 27%;
	}
	body.avatar-responsive .st-we-create-visuals .layout-wall .item .inner:hover .title{
		bottom: 32px;
	}
	body.avatar-responsive .st-we-create-visuals .layout-wall .item .inner:hover .category{
		bottom: 15px;
	}
	/*** Slider shop home version 1 ***/
	body.avatar-responsive  .st-best-seller .st-content-showcase-carousel .contain .item{
		margin-left: 0;
		margin-right: 0;
		width: 328px !important;
		padding-right: 0;
	}
	body.avatar-responsive .st-best-seller .st-content-showcase-carousel .contain .item .inner{
		margin-left: auto !important;
		margin-right: auto !important;
	}
	/** Hikashop **/
	body.avatar-responsive .hikashop_products .hikashop_product_image{
		height: auto !important;
	}
	body.avatar-responsive .hikashop_products .hikashop_product_image .hikashop_product_image_subdiv{
		max-width: 100%;
	}
	body.avatar-responsive .hikashop_products .hikashop_subcontainer form{
		top: 147px;
	}
	body.avatar-responsive .hikashop_wizardbar ul li, .hikashop_wizardbar ul li.hikashop_cart_step_finished{
		margin: 15px 25px 17px 35px;
	}
	body.avatar-responsive  .hikashop_cart_product_name_value{
		width: 30%;
	}
	body.avatar-responsive .st-visacard{
		padding-right: 10px;
	}
	
	/** Padding **/
	body.avatar-responsive .st-newest-metanic p.introduce,
	body.avatar-responsive .st-we-are-metanic-home-2 .introduce,
	body.avatar-responsive .st-contact .st-module-content p,
	body.avatar-responsive .st-blog-timeline .st-module-content p,
	body.avatar-responsive .st-about-us .st-module-content p,
	body.avatar-responsive .st-our-skill .st-module-content p,
	body.avatar-responsive .st-our-portfolio .st-module-content p,
	body.avatar-responsive .st-meet-our-team .st-module-content p,
	body.avatar-responsive .st-our-service .st-module-content p,
	body.avatar-responsive .st-we-are-metanic .introduce,
	body.avatar-responsive .st-our-happy-clients p.introduce,
	body.avatar-responsive .st-choose-your-demo p.introduce,
	body.avatar-responsive .st-blog-page-header p{
		padding-left: 0;
		padding-right: 0;
	}
	body.avatar-responsive .st-parallax-buy-this-theme,
	body.avatar-responsive .st-parallax-we-work-hard,
	body.avatar-responsive .st-parallax-our-services,
	body.avatar-responsive .st-parallax-top,
	body.avatar-responsive .st-parallax-contact,
	body.avatar-responsive .st-parallax-ready-to-stand-out{
		background-position: center center !important;
		background-attachment: initial;
		background-size: cover;
	}
}

@media (max-width: 960px){
	body.avatar-responsive .st-meet-our-team-slider .st-content-showcase-carousel .contain > .item{
		margin-left: 37px;
		margin-right: 37px;
	}
	body.avatar-responsive .st-choose-your-demo .content .bg-image{
		width: 218px;
		height: 134px;
	}
	body.avatar-responsive.st-page-hello .st-parallax-our-services{
		background-size: cover;
	}
	body.avatar-responsive .st-timeline-articles .timeline .inner-item .article-info{
		float: left;
		margin-top: -10px;
		margin-bottom: 10px;
	}
	body.avatar-responsive .st-flick .row-fluid .span4{
		width: 55px;
	}
	body.avatar-responsive .st-best-seller .st-content-showcase-carousel .contain .item{
		width: 307px !important;
	}
	body.avatar-responsive .st-slider-home-3 .st-layer-slider{
		height: 290px !important;
	}
	body.avatar-responsive .st-slider-home-3 li .column-inner .image{
		width: 50%;
	}
	body.avatar-responsive .st-slider-home-3 .sequence-pagination{
		left: 55%;
	}
	/** Hikashop **/
	body.avatar-responsive .hikashop_products .hikashop_subcontainer form{
		top: 130px;
	}
}

@media (max-width: 768px){
	body.avatar-responsive .main-content .span6{
		width: 100%;
		margin: 0;
	}
	body.avatar-responsive .main-content .span4{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	body.avatar-responsive .st-choose-your-demo .content .span4{
		width: 100%;
		margin: 0;
		float: none;
	}
	body.avatar-responsive .st-our-services-slider .st-content-showcase-carousel .contain > .item{
		width: 243px !important;
	}
	body.avatar-responsive .st-meet-our-team-slider .st-content-showcase-carousel .contain > .item{
		width: 369px !important;
		padding-right: 0;
		margin-right: 0;
		margin-left: 0;
	}
	body.avatar-responsive .st-meet-our-team-slider .st-content-showcase-carousel .contain > .item .inner{
		margin-left: 9px;
		margin-right: 9px;
	}
	/** Top slider **/
	body.avatar-responsive .st-top-slider-full-width p.sl3-accessories{
		left: 356px !important;
	}
	body.avatar-responsive .st-top-slider-full-width p.sl3-extra{
		left: 330px !important;
	}
	body.avatar-responsive .st-top-slider-full-width p.sl3-sale{
		left: 369px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl3-3days-left{
		left: 384px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl3-get-the-lock{
		left: 518px !important;
	}
		
	body.avatar-responsive .st-we-create-visuals{
		margin-left: 0;
		margin-right: 0;
	}
	body.avatar-responsive .st-choose-your-demo .content .bg-image{
		width: 280px;
		height: 178px;
	}
	body.avatar-responsive .st-banner-top-home-1 .span4{
		width: 50%;
		margin-left: auto !important;
		margin-right: auto !important;
		margin-bottom: 20px;
		float: none;
	}
	body.avatar-responsive .st-banner-top-home-1 .span4 img{
		width: 100%;
	}
	body.avatar-responsive .st-free-shipping a.link{
		float: left;
		margin-top: 0;
	}
	body.avatar-responsive .st-banner-bottom-home-1 .span2{
		
	}
	body.avatar-responsive .st-banner-bottom-home-1 .span2,
	body.avatar-responsive .st-banner-bottom-home-1 .span4{
		text-align: center;
		margin: 10px 0;
		float: none;
		width: 100%;
	}
	body.avatar-responsive #avatar-footer-user .avatar-module{
		margin-left: 10px;
		margin-right: 10px;
	}
	body.avatar-responsive .st-contact-us{
		padding-bottom: 0;
	}
	
	/** Header **/
	body.avatar-responsive .st-search-page-home,
	body.avatar-responsive .st-social-top{
		padding-bottom: 0px;
		display: block;
	}
	body.avatar-responsive .st-search-page-home{
		margin-left: 25px
	}
	body.avatar-responsive .st-login-header{
		clear: both;
		margin-left: 25px;
		margin-right: 0;
	}
	body.avatar-responsive .st-login-header,
	body.avatar-responsive .st-cart-header,
	body.avatar-responsive .st-call-us{
		display: inline-block;
		float: left;
	}
	body.avatar-responsive .st-call-us{
		
	}
	
	body.avatar-responsive .st-twitter iframe{
		width: 100% !important;
	}
	body.avatar-responsive .st-facebook .face iframe{
		width: 100% !important;
		height: 200px !important;
	}
	body.avatar-responsive .st-copyright,
	body.avatar-responsive .st-visacard{
		text-align: center;
		padding: 10px 0;
	}
	body.avatar-responsive .st-visacard p a{
		float: none;
	}
	
	body.avatar-responsive .st-about-us-accordion .span6{
		width: 100%;
		margin: 0;
	}
	body.avatar-responsive .st-about-us-accordion .span6.image{
		margin: 0;
		text-align: center;
		margin-bottom: -5px;
	}
	body.avatar-responsive .st-about-us-accordion .span6.image img{
		float: none;
	}
	
	/** Timeline **/
	body.avatar-responsive .st-timeline-articles .timeline .row-fluid .span6{
		width: 100%;
		margin: 0;
		min-height: inherit;
		overflow: hidden;
	}
	body.avatar-responsive .st-timeline-articles .timeline .row-fluid .item.span6{
		margin-bottom: 20px;
	}
	body.avatar-responsive .st-timeline-articles .timeline:after,
	body.avatar-responsive .st-timeline-articles .timeline .row-fluid .item.span6:after,
	body.avatar-responsive .st-timeline-articles .timeline .row-fluid .span6 .year{
		display: none;
	}
	body.avatar-responsive .st-timeline-articles .timeline .inner-item .article-info{
		float: none;
		margin-top: 10px;
	}
	body.avatar-responsive .st-timeline-articles .timeline .inner-item{
		margin-right: 0;
	}
	body.avatar-responsive .st-timeline-articles .timeline .right .inner-item{
		margin-left: 0;
	}
	
	
	body.avatar-responsive .st-flick .row-fluid .span4{
		width: 80px;
		float: left;
	}
	body.avatar-responsive .st-photographer .row-fluid>.span3{
		width: 50%;
		float: left;
		margin-bottom: -5px;
	}
	body.avatar-responsive .st-slider-company,
	body.avatar-responsive .st-happy-clients{
		margin-bottom: 50px;
	}
	body.avatar-responsive .st-happy-clients .span4{
		width: 33.33%;
		float: left;
		margin: 0;
	}
	body.avatar-responsive .st-photographer .row-fluid>.span3 .inner:hover .image a.modal_fancybox:after{
		top: 40%;
	}
	body.avatar-responsive .st-photographer .row-fluid>.span3 .inner:hover .title{
		bottom: 47px;
	}
	body.avatar-responsive .st-photographer .row-fluid>.span3 .inner:hover .category{
		bottom: 25px;
	}
	body.avatar-responsive .st-straight-from-the-blog .items .span3{
		width: 48%;
		margin: 0;
		float: left;
	}
	body.avatar-responsive .st-straight-from-the-blog .items .span3:nth-child(2n+1){
		margin-right: 2%;
	}
	body.avatar-responsive .st-straight-from-the-blog .items .span3:nth-child(2n+2){
		margin-left: 2%;
	}
	body.avatar-responsive .st-straight-from-the-blog .contents .inner .image img{
		width: 100%;
	}
	body.avatar-responsive .st-what-our-users-say p.description{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	body.avatar-responsive .st-slider-home-3 li .column-inner .image{
		width: 45%;
	}
	body.avatar-responsive .st-slider-home-3 .column-inner .title{
		padding-top: 0;
	}
	body.avatar-responsive .st-slider-home-3 .column-inner .title a{
		font-size: 25px;
	}
	body.avatar-responsive .st-slider-home-3 .column-inner a.readmore{
		margin-left: 50%;
	}
	/** image we are metanic **/
	body.avatar-responsive .st-we-are-metanic .image{
		width: 100%;
		height: 300px;
	}
	body.avatar-responsive .st-we-are-metanic .image>div{
		float: left;
		position: absolute;
	}
	body.avatar-responsive .st-we-are-metanic .image .imac{
		width: 68.4%;
		left: 138px;
	}
	body.avatar-responsive .st-we-are-metanic .image .imac-left{
		width: 21.6%;
	}
	body.avatar-responsive .st-we-are-metanic .image .imac-right{
		width: 14%;
	}
	
	body.avatar-responsive .st-our-services-slider .st-content-showcase-carousel .contain .item .inner{
		margin: 0 10px;
	}
	body.avatar-responsive .st-our-services-slider .st-content-showcase-carousel .contain .item .inner .info .description p.text{
		padding: 0;
	}
	body.avatar-responsive .st-meet-our-team-slider:not(.st-our-team) .st-content-showcase-carousel .nav > div.prev,
	body.avatar-responsive .st-our-services-slider .st-content-showcase-carousel .nav > div.prev{
		left: 44.5%;
	}
	body.avatar-responsive .st-meet-our-team-slider:not(.st-our-team) .st-content-showcase-carousel .nav > div.next,
	body.avatar-responsive .st-our-services-slider .st-content-showcase-carousel .nav > div.next{
		right:44.5%;
	}
	body.avatar-responsive .st-our-skill{
		padding-bottom: 50px;
	}
	body.avatar-responsive .st-we-are-metanic-home-2{
		padding-bottom: 50px;
	}
	body.avatar-responsive .st-our-skill .span3,
	body.avatar-responsive .st-we-are-metanic-home-2 .span3{
		margin-bottom: 30px;
		float: left;
		width: 50%;
		margin: 0;
	}
	body.avatar-responsive .st-we-work-hard .span3{
		float: left;
		width: 50%;
		margin: 0;
	}
	body.avatar-responsive .st-newest-metanic .span4{
		margin-bottom: 30px;
	}
	/** Top Logo **/
	body.avatar-responsive.st-page-hello .st-welcome-metanic .logo{
		padding-top: 60px;
		margin-bottom: 30px;
	}
	body.avatar-responsive.st-page-hello .st-welcome-metanic .welcome{
		padding-bottom: 50px;
	}
	body.avatar-responsive.st-page-hello .st-welcome-metanic .text{
		margin-top: 40px;
	}
	body.avatar-responsive.st-page-hello .st-welcome-metanic{
		padding-bottom: 100px;
	}
	body.avatar-responsive .avatar-module.st-product-categories,
	body.avatar-responsive .avatar-module.st-cart,
	body.avatar-responsive .avatar-module.st-featured-items{
		margin-left: 20px;
	}
	
	body.avatar-responsive #avatar-pos-main-body .hikashop_products,
	body.avatar-responsive #avatar-pos-main-body .hikashop_product_page,
	body.avatar-responsive #avatar-pos-main-body .hikashop_checkout_page{
		margin-right: 0;
	}
	body.avatar-responsive  .span4.hikashop_product{
		width: 50%;
		float: left;
		margin: 0;
	}
	body.avatar-responsive .hikashop_products .hikashop_subcontainer form{
		top: 170px;
	}
	body.avatar-responsive #hikashop_checkout_cart span.visible-phone{
		display: none !important;
	}
	body.avatar-responsive  #hikashop_checkout_cart .hidden-phone{
		
	}
	body.avatar-responsive  #system-message .alert-message,
	body.avatar-responsive  #system-message .alert{
		margin-left: 10px;
		margin-right: 10px;
	}
	body.avatar-responsive #hikashop_checkout_login_left_part.span5{
		width: 40%;
		float: left;
	}
	body.avatar-responsive #hikashop_checkout_login_right_part.span7{
		width: 55%;
		margin-left: 5%;
		float: left;
	}
	body.avatar-responsive #hikashop_checkout_next_button{
		margin-top: -20px;
		margin-bottom: 0;
	}
	
	body.avatar-responsive #avatar-pos-content-user-1,
	body.avatar-responsive #avatar-pos-content-user-2{
		width: 100% ;
		float: none ;
	}
	body.avatar-responsive .st-say-hello{
		margin-left: 10px;
	}
	body.avatar-responsive .st-who-are-we,
	body.avatar-responsive .st-our-skills{
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		float: none;
		margin-left: 0;
		margin-right: 0;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	body.avatar-responsive .st-portfolio-3columns .layout-wall .item:nth-child(3n+1) .inner,
	body.avatar-responsive .st-portfolio-3columns .layout-wall .item:nth-child(3n+2) .inner,
	body.avatar-responsive .st-portfolio-3columns .layout-wall .item:nth-child(3n+3) .inner{
		margin-left: 7.5px;
		margin-right: 7.5px;
		margin-bottom: 10px;
	}
	body.avatar-responsive .st-portfolio-4columns .layout-wall .item .inner{
		margin: 0 7.5px 10px 7.5px;
	}
	body.avatar-responsive .st-related-post .item.span4{
		width: 31.3%;
		margin-left: 1%;
		margin-right: 1%;
		float: left;
	}
	body.avatar-responsive .st-related-post .item:hover a.icon-view{
		top: 60px;
	}
	body.avatar-responsive.st-page-blog .blog-article{
		padding-right: 0;
	}
	body.avatar-responsive .st-we-create-visuals .layout-wall .item .inner:hover .fa-picture-o{
		top: 35%;
	}
	/** Shortcode **/
	body.avatar-responsive div.yt-tabs ul.nav-tabs li{
		width: auto;
	}
	body.avatar-responsive div.yt-tabs.vertical ul.nav-tabs{
		margin-top: 87px;
	}
	body.avatar-responsive .yt-show-grid [class*="col-lg"]{
		width: 100%;
	}
	body.avatar-responsive .arrows-buttons a.btn.btn-large [class*=" fa-"]{
		right: 250px;
	}
	body.avatar-responsive .arrows-buttons a.btn.btn-medium [class*=" fa-"]{
		right: 260px;
	}
	body.avatar-responsive .arrows-buttons a.btn [class*=" fa-"]{
		right: 270px;
	}
	body.avatar-responsive a.btn.btn-small, 
	body.avatar-responsive a.btn.btn-medium,
	body.avatar-responsive  a.btn.btn-large{
		max-width: none;
	}
	body.avatar-responsive div.yt-pricing .column.span4{
		width: 31.6%;
		margin-right: 2.6%;
	}
	body.avatar-responsive div.yt-pricing .column.span4:last-child{
		margin-right: 0;
	}
	/** Blog **/
	body.avatar-responsive.st-page-blog .blog-article .item-date{
		height: 100px;
		width: 100px;
	}
	body.avatar-responsive.st-page-blog .blog-article .item-date .day{
		font-size: 50px;
		margin-top: 14px;
		margin-bottom: 3px;
	}
	body.avatar-responsive.st-page-blog .blog-article .item-date .month-year{
		font-size: 15px;
	}
	body.avatar-responsive.st-page-blog .blog-article,
	body.avatar-responsive.st-page-blog .pagination{
		padding-left: 115px;
	}
	
	body.avatar-responsive .hikashop_cart .hikashop_cart_button,
	body.avatar-responsive .hikashop_cart .hikashop_cart_button:hover{
		display: inline-block;
		margin-left: 20px;
	}
	body.avatar-responsive .st-best-seller .st-content-showcase-carousel .contain .item {
		width: 363px !important;
	}
	
	body.avatar-responsive .st-page-about-us-slider .st-slider-content .nav{
		bottom: 55px;
	}
	body.avatar-responsive .st-page-about-us-slider .st-slider-content .slide .inner{
		margin: 0;
		padding: 0;
	}
}

@media (max-width: 640px){
	body.avatar-responsive .st-our-services-slider .st-content-showcase-carousel .contain > .item{
		width: 306px !important;
	}
	body.avatar-responsive .st-meet-our-team-slider .st-content-showcase-carousel .contain > .item{
		width: 306px !important;
	}
	body.avatar-responsive .st-meet-our-team-slider .st-content-showcase-carousel .inner:hover .social{
		top: 60px;
	}
	/** Top Slider **/
	body.avatar-responsive .st-top-slider-full-width .sl2-awesome{
		font-size: 30px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl2-metanic{
		font-size: 50px !important;
	}
	body.avatar-responsive .sl2-create-your-brand{
		font-size: 25px !important;
	}
	body.avatar-responsive .st-top-slider-full-width p.sl3-accessories{
		left: 256px !important;
	}
	body.avatar-responsive .st-top-slider-full-width p.sl3-extra{
		left: 230px !important;
	}
	body.avatar-responsive .st-top-slider-full-width p.sl3-sale{
		left: 269px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl3-3days-left{
		left: 284px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl3-get-the-lock{
		left: 418px !important;
	}
	
	body.avatar-responsive.st-page-hello .st-welcome-metanic .welcome{
		font-size: 50px;
		padding-bottom: 45px;
	}
	body.avatar-responsive .st-we-are-metanic .introduce{
		margin-bottom: 40px;
	}
	body.avatar-responsive .st-we-are-metanic .image{
		height: 230px;
	}
	body.avatar-responsive .st-we-are-metanic .image .imac{
		left: 120px;
	}
	body.avatar-responsive .st-slider-home-3 .sequence-pagination{
		bottom: 25px;
	}
	body.avatar-responsive .st-banner-top-home-1 .span4{
		width: 62%;
	}
	/** Shop **/
	body.avatar-responsive .st-best-seller .st-content-showcase-carousel .contain .item {
		width: 300px !important;
	}
	body.avatar-responsive .hikashop_wizardbar ul li, .hikashop_wizardbar ul li.hikashop_cart_step_finished{
		margin: 15px 15px 17px 20px;
	}
	body.avatar-responsive .hikashop_wizardbar ul li:after{
		right: 25px;
	}
	
	/** Portfolio **/
	body.avatar-responsive .st-related-post .item:hover a.icon-view{
		top: 40px;
	}
	body.avatar-responsive .st-related-post .item:hover .link{
		bottom: 15px;
	}
	body.avatar-responsive .st-related-post .item .link .title a{
		font-size: 12px;
	}
	body.avatar-responsive .st-related-post .item .link .category{
		font-size: 10px;
		line-height: 15px;
	}
	body.avatar-responsive .st-video-section-title p.text{
		padding-top: 31px;
		padding-bottom: 56px;
	}
	
	/** Shortcode **/
	body.avatar-responsive div.yt-pricing .column.span4,
	body.avatar-responsive div.yt-pricing .column.span4:last-child{
		width: 60%;
		margin-left: auto;
		margin-right: auto;
		float: none;
		margin-bottom: 30px;
	}
	body.avatar-responsive div.yt-tabs.vertical ul.nav-tabs{
		margin-top: 162px;
	}
	body.avatar-responsive .arrows-buttons a.btn.btn-large [class*=" fa-"]{
		right: 195px;
	}
	body.avatar-responsive .arrows-buttons a.btn.btn-medium [class*=" fa-"]{
		right: 195px;
	}
	body.avatar-responsive .arrows-buttons a.btn [class*=" fa-"]{
		right: 195px;
	}
	
	body.avatar-responsive .st-page-about-us-slider .inner .content p{
		font-size: 16px;
		max-height: 200px;
		overflow: hidden;
	}
	body.avatar-responsive .st-ready-to-stand-out p.ready{
		padding-top: 148px;
	}
	body.avatar-responsive .st-ready-to-stand-out p.metanic{
		padding-bottom: 155px;
	}
	body.avatar-responsive .st-call-us{
   		float: left;
    	margin-left: 25px;
    	padding: 0 0 20px 0;
    	clear: both;
	}
	
}

@media (max-width: 480px){
	body.avatar-responsive .st-video-section-title p.text{
		font-size: 45px;
	}
	body.avatar-responsive .st-our-services-slider .st-content-showcase-carousel .contain > .item{
		margin: 0 72px;
	}
	body.avatar-responsive .st-meet-our-team-slider .st-content-showcase-carousel .contain > .item{
		width: 390px !important;
		margin: 0 30px;
	}
	body.avatar-responsive .st-meet-our-team-slider .st-content-showcase-carousel .inner:hover .social{
		top: 20%;
	}
	/** Top Slider **/
	body.avatar-responsive .st-top-slider-full-width .sl1-online{
		left: 90px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl1-extra{
		left: 36px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl1-sale{
		left: 77px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl1-4days-left{
		left: 95px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl1-get-the-lock{
		left: 224px !important;
	}
	
	body.avatar-responsive .st-top-slider-full-width .sl2-awesome{
		font-size: 25px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl2-metanic{
		font-size: 40px !important;
		top: 270px !important;
		line-height: 60px !important;
		width: 300px !important;
	}
	body.avatar-responsive .sl2-create-your-brand{
		font-size: 20px !important;
		top: 355px !important;
	}
	body.avatar-responsive .st-top-slider-full-width p.sl3-accessories{
		left: 106px !important;
	}
	body.avatar-responsive .st-top-slider-full-width p.sl3-extra{
		left: 80px !important;
	}
	body.avatar-responsive .st-top-slider-full-width p.sl3-sale{
		left: 119px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl3-3days-left{
		left: 134px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl3-get-the-lock{
		left: 258px !important;
	}
	
	body.avatar-responsive.st-page-hello .st-welcome-metanic .logo{
		padding-top: 30px;
		margin-bottom: 15px;
	}
	body.avatar-responsive.st-page-hello .st-welcome-metanic .welcome{
		font-size: 35px;
		line-height: 55px;
		padding-bottom: 35px;
	}
	body.avatar-responsive.st-page-hello .st-welcome-metanic .text{
		margin-top: 20px;
	}
	body.avatar-responsive.st-page-hello .st-welcome-metanic .view-portfolio{
		margin-top: 30px;
	}
	body.avatar-responsive.st-page-hello .st-welcome-metanic{
		padding-bottom: 50px;
	}
	
	body.avatar-responsive .st-we-are-metanic .introduce{
		margin-bottom: 30px;
	}
	body.avatar-responsive .st-we-are-metanic .image{
		height: 170px;
	}
	body.avatar-responsive .st-we-are-metanic .image .imac{
		left: 85px;
	}
	body.avatar-responsive .st-meet-our-team-slider:not(.st-our-team) .st-content-showcase-carousel .nav > div.next, 
	body.avatar-responsive .st-our-services-slider .st-content-showcase-carousel .nav > div.next{
		right: 40.5%;
	}
	body.avatar-responsive .st-meet-our-team-slider:not(.st-our-team) .st-content-showcase-carousel .nav > div.prev, 
	body.avatar-responsive .st-our-services-slider .st-content-showcase-carousel .nav > div.prev{
		left: 40.5%;
	}
	body.avatar-responsive .st-our-portfolio-wall{
		padding-top: 36px;
	}
	body.avatar-responsive .st-our-portfolio-wall .category-wall span,
	body.avatar-responsive .st-we-create-visuals .category-wall span{
		margin-bottom: 10px;
	}
	body.avatar-responsive .st-our-skill .content{
		margin-top: 45px;
		padding-bottom: 0;
	}
	body.avatar-responsive .st-our-skill .span3, body.avatar-responsive .st-we-are-metanic-home-2 .span3{
		width: 100%;
		float: none;
	}
	body.avatar-responsive .st-about-us-accordion{
		margin-top: 45px;
	}
	body.avatar-responsive .st-about-us-accordion h3.title{
		line-height: 40px;
		margin-bottom: 30px;
	}
	body.avatar-responsive .st-timeline-articles .timeline .inner-item{
		padding-right: 10px;
	}
	body.avatar-responsive .st-banner-top-home-1 .span4{
		width: 100%;
	}
	body.avatar-responsive .st-visacard p a{
		margin-left: 10px;
	}
	body.avatar-responsive .st-we-are-metanic .st-module-heading, 
	body.avatar-responsive .st-our-service .st-module-heading, 
	body.avatar-responsive .st-meet-our-team .st-module-heading, 
	body.avatar-responsive .st-our-portfolio .st-module-heading, 
	body.avatar-responsive .st-our-skill .st-module-heading, 
	body.avatar-responsive .st-about-us .st-module-heading, 
	body.avatar-responsive .st-blog-timeline .st-module-heading, 
	body.avatar-responsive .st-contact .st-module-heading, 
	body.avatar-responsive .st-blog-page-header .st-module-heading, 
	body.avatar-responsive .st-we-are-metanic-home-2 .st-module-heading, 
	body.avatar-responsive .st-our-happy-clients .st-module-heading, 
	body.avatar-responsive .st-newest-metanic .st-module-heading{
		letter-spacing: 0;
	}
	body.avatar-responsive .st-we-work-hard .span3{
		width: 100%;
		float: none;
	}
	body.avatar-responsive .st-slider-home-3 .st-layer-slider{
		height: 500px !important;
	}
	body.avatar-responsive .st-slider-home-3 li .column-inner .image{
		width: 100%;
		float: none;
		margin: 0;
	}
	body.avatar-responsive .st-slider-home-3 .column-inner a.readmore{
		margin-left: 0;
	}
	body.avatar-responsive .st-what-our-users-say p.description{
		top: 15px !important;
	}
	body.avatar-responsive .st-straight-from-the-blog .items .span3{
		width: 100%;
		margin: 0;
		float: none;
	}
	body.avatar-responsive .st-straight-from-the-blog .items .span3:nth-child(2n+1),
	body.avatar-responsive .st-straight-from-the-blog .items .span3:nth-child(2n+2){
		margin-left: 0;
		margin-right: 0;
	}
	body.avatar-responsive .st-we-create-visuals .layout-wall .item .inner:hover .fa-picture-o{
		top: 40%;
	}
	body.avatar-responsive .st-photographer .row-fluid>.span3{
		width: 100%;
		float: none;
	}
	body.avatar-responsive .st-portfolio-columns .category-wall span{
		margin-bottom: 10px;
	}
	body.avatar-responsive .st-say-hello .st-contact-form .name, 
	body.avatar-responsive .st-say-hello .st-contact-form .email{
		width: 100%;
		margin: 0;
		float: none;
	}
	body.avatar-responsive .st-say-hello .st-contact-form .email{
		margin-top: 10px;
	}
	body.avatar-responsive #data_login{
		padding-right: 20px;
		padding-bottom: 20px;
	}
	/** Shortcode **/
	body.avatar-responsive div.yt-pricing .column.span4{
		width: 80%;
	}
	body.avatar-responsive .blog-article.st-page-button .span4{
		text-align: center;
	}
	body.avatar-responsive div.yt-tabs.vertical ul.nav-tabs{
		margin-top: 297px;
	}
	/** Hikashop **/
	body.avatar-responsive .hikashop_wizardbar ul li:after{
		right: -22px;
	}
	body.avatar-responsive .hikashop_checkout_cart .table thead tr th.hikashop_cart_title.hikashop_cart_product_image_title{
		width: 70px;
	}
	body.avatar-responsive .hikashop_checkout_cart .table thead tr th.hikashop_cart_title.hikashop_cart_product_total_title, 
	body.avatar-responsive .hikashop_checkout_cart .table thead tr th.hikashop_cart_title.hikashop_cart_product_quantity_title, 
	body.avatar-responsive .hikashop_checkout_cart .table thead tr th.hikashop_cart_title.hikashop_cart_product_price_title{
		padding: 4px 5px;
	}
	body.avatar-responsive .hikashop_cart_product_quantity_value .hikashop_product_quantity_field{
		margin-left: 0px !important;
	}
	body.avatar-responsive .hikashop_checkout_cart .table thead tr th.hikashop_cart_title{
		font-size: 17px;
	}
	body.avatar-responsive #hikashop_checkout_cart {
		overflow: hidden;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	body.avatar-responsive .hikashop_product_left_part,
	body.avatar-responsive .hikashop_product_right_part{
		width: 100%;
		float: none;
		margin: 0;
	}
	body.avatar-responsive .span4.hikashop_product{
		width: 100%;
	}
	body.avatar-responsive #hikashop_checkout_login_left_part.span5,
	body.avatar-responsive #hikashop_checkout_login_right_part.span7{
		width: 100%;
		float: none;
		margin-left: 0;
	}
	body.avatar-responsive #hikashop_checkout_login_right_part fieldset{
		margin-left: 0;
	}
	body.avatar-responsive .st-best-seller .st-content-showcase-carousel .contain .item {
		width: 442px !important;
	}
	body.avatar-responsive .st-related-post .item.span4{
		width: 100%;
		float: none;
		margin: 0;
	}
	body.avatar-responsive .st-related-post .item:hover a.icon-view{
		top: 40%;
	}
	body.avatar-responsive .st-related-post .item .link .title a{
		font-size: 15px;
	}
	body.avatar-responsive .st-related-post .item .link .category{
		font-size: 12px;
		line-height: 20px;
	}
	body.avatar-responsive .st-related-post .item:hover .link{
		bottom: 25px;
	}
	body.avatar-responsive .st-our-services-slider{
		margin-top: 45px;
	}
	body.avatar-responsive .st-our-services-slider .st-content-showcase-carousel .nav > div.prev, 
	body.avatar-responsive .st-our-services-slider .st-content-showcase-carousel .nav > div.next{
		top: 310px;
	}
	body.avatar-responsive .st-our-services-slider .st-content-showcase-carousel{
		height: 400px !important;
	}
	body.avatar-responsive .st-meet-our-team-slider{
		padding-top: 100px;
		padding-bottom: 25px;
	}
	body.avatar-responsive .st-our-skill{
		padding-bottom: 20px;
	}
	body.avatar-responsive .st-timeline-articles{
		padding-bottom: 40px;
	}
	body.avatar-responsive .arrows-buttons a.btn [class*=" fa-"]{
		right: 105px;
	}
	body.avatar-responsive .arrows-buttons a.btn.btn-medium [class*=" fa-"]{
		right: 105px;
	}
	body.avatar-responsive .arrows-buttons a.btn.btn-large [class*=" fa-"]{
		right: 105px;
	}
}

@media (max-width: 360px){
	body.avatar-responsive .st-login-header, 
	body.avatar-responsive .st-cart-header, 
	body.avatar-responsive .st-call-us,
	body.avatar-responsive .st-social-top{
		float: left;
		clear: both;
		margin-left: 25px;
	}
	body.avatar-responsive .st-social-top{
		margin-left: 15px;
	}
	body.avatar-responsive .st-cart-header .st-module-heading,
	body.avatar-responsive  .st-cart-header .st-module-content{
		padding: 0 0 20px 0;
	}
	/** Top Slider **/
	body.avatar-responsive .sl1-get-the-lock a, 
	body.avatar-responsive .sl1-get-the-lock a:hover, 
	body.avatar-responsive .sl3-get-the-lock a, 
	body.avatar-responsive .sl3-get-the-lock a:hover{
		height: 40px;
		width: 110px;
		line-height: 40px;
	}
	body.avatar-responsive .st-top-slider-full-width .sl1-online{
		left: 50px !important;
		font-size: 25px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl1-extra{
		left: 25px !important;
		font-size: 35px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl1-sale{
		left: 41px !important;
		font-size: 80px !important;
		line-height: 90px !important;
		width: 220px !important;
		height: 90px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl1-4days-left{
		left: 50px !important;
		font-size: 17px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl1-get-the-lock{
		left: 154px !important;
	}
	
	body.avatar-responsive .st-top-slider-full-width .sl2-awesome{
		font-size: 17px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl2-metanic{
		font-size: 30px !important;
		top: 260px !important;
		line-height: 50px !important;
		width: 250px !important;
	}
	body.avatar-responsive .sl2-create-your-brand{
		font-size: 15px !important;
		top: 325px !important;
	}
	body.avatar-responsive .st-top-slider-full-width p.sl3-accessories{
		left: 13px !important;
		font-size: 25px !important;
	}
	body.avatar-responsive .st-top-slider-full-width p.sl3-extra{
		left: 20px !important;
		font-size: 35px !important;
	}
	body.avatar-responsive .st-top-slider-full-width p.sl3-sale{
		left: 37px !important;
		font-size: 80px !important;
		line-height: 90px !important;
		width: 220px !important;
		height: 90px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl3-3days-left{
		left: 34px !important;
		font-size: 17px !important;
	}
	body.avatar-responsive .st-top-slider-full-width .sl3-get-the-lock{
		left: 148px !important;
	}
	
	body.avatar-responsive .st-choose-your-demo .content .bg-image{
		width: 240px;
		height: 155px;
	}
	body.avatar-responsive .st-we-are-metanic .image .imac{
		left: 65px;
	}
	body.avatar-responsive .st-our-services-slider .st-content-showcase-carousel .contain > .item{
		margin: 0 12px;
	}
	body.avatar-responsive .st-meet-our-team-slider .st-content-showcase-carousel .contain > .item{
		width: 330px !important;
		margin: 0;
	}
	body.avatar-responsive .st-best-seller .st-content-showcase-carousel .contain .item{
		width: 330px !important;
	}
	
	body.avatar-responsive.st-page-hello .st-welcome-metanic .view-portfolio,
	body.avatar-responsive .st-form-contact .st-contact-form p.submit{
		width: 260px;
	}
	body.avatar-responsive.st-page-hello .st-welcome-metanic .view-portfolio a{
		padding: 12px 39px;
	}
	body.avatar-responsive .st-form-contact .st-contact-form input[type="submit"]{
		padding: 12px 48px;
	}
	body.avatar-responsive .st-footer .social a{
		padding: 0 18px;
	}
	body.avatar-responsive .st-meet-our-team-slider .st-content-showcase-carousel .inner:hover .social{
		top: 16%;
	}
	body.avatar-responsive .arrows-buttons a.btn [class*=" fa-"]{
		right: 40px;
	}
	body.avatar-responsive .arrows-buttons a.btn.btn-medium [class*=" fa-"]{
		right: 40px;
	}
	body.avatar-responsive .arrows-buttons a.btn.btn-large [class*=" fa-"]{
		right: 40px;
	}
	body.avatar-responsive .st-ready-to-stand-out p.ready{
		font-size: 40px;
	}
	body.avatar-responsive .st-timeline-articles .timeline .inner-item .article-info dd:last-child{
		padding-right: 0;
		padding-bottom: 10px;
	}
	body.avatar-responsive .st-meet-our-team-slider:not(.st-our-team) .st-content-showcase-carousel .nav > div.next, 
	body.avatar-responsive .st-our-services-slider .st-content-showcase-carousel .nav > div.next{
		right: 37.5%;
	}
	body.avatar-responsive .st-meet-our-team-slider:not(.st-our-team) .st-content-showcase-carousel .nav > div.prev, 
	body.avatar-responsive .st-our-services-slider .st-content-showcase-carousel .nav > div.prev{
		left: 37.5%;
	}
	body.avatar-responsive .st-best-seller .st-module-heading{
		text-align: left;
	}
	body.avatar-responsive .st-page-404 .main-content .title{
		font-size: 160px;
	}
	
	body.avatar-responsive div.yt-pricing .column.span4{
		width: 100%;
	}
	body.avatar-responsive .alert{
		height: 130px;
		overflow: hidden;
	}
	body.avatar-responsive.st-page-button .main-content .row-fluid{
		padding: 0;
	}
	body.avatar-responsive #data_login input#modlgn-username, 
	body.avatar-responsive #data_login input#modlgn-passwd{
		width: 200px;
	}
}


@media (max-width: 320px){
	body.avatar-responsive .st-we-are-metanic .image{
		height: 108px;
	}
	body.avatar-responsive .st-we-are-metanic .image .imac{
		left: 52px;
	}
	body.avatar-responsive .st-our-services-slider .st-content-showcase-carousel .contain > .item{
		width: 285px !important;
		margin: 0;
	}
	body.avatar-responsive .st-meet-our-team-slider .st-content-showcase-carousel .contain > .item{
		width: 285px !important;
		margin: 0;
	}
	body.avatar-responsive .st-best-seller .st-content-showcase-carousel .contain .item {
		width: 280px !important;
	}
	body.avatar-responsive .st-choose-your-demo .content .bg-image{
		width: 210px;
		height: 130px;
	}
}
body:not(.avatar-responsive) .st-top-slider-full-width .ls-wp-fullwidth-container,
body:not(.avatar-responsive) .st-top-slider-full-width .ls-wp-fullwidth-helper,
body:not(.avatar-responsive) .st-top-slider-full-width .ls-container,
body:not(.avatar-responsive) .st-top-slider-full-width .ls-inner{
	width: 100% !important;
}
@media ( max-width: 1200px ){
	body:not(.avatar-responsive).st-page-home #avatar-full-1-block{
		
	}
}

